/* 定义颜色文本背景 */ p { background-color: #cccccc; } /* 定义图片文本背景 */ p { background-image: url(image.jpg); } /* 定义文本背景的水平位置、垂直位置及重复方式 */ p { background-position: center top; background-repeat: no-repeat; } /* 定义文本背景的缩放方式 */ p { background-size: 100% 100%; /* 水平方向、垂直方向均铺满 */ }
上述代码解释:
background-color属性用来定义文本背景颜色,#cccccc表示的是灰色。background-image属性用来定义文本背景图像,这里将图像文件的路径填写在url()函数里。background-position属性用来定义文本背景的水平位置和垂直位置,center top表示水平方向居中,垂直方向顶部对齐。background-repeat属性用来定义文本背景的重复方式,no-repeat表示不重复,如果需要重复可以设置为repeat。background-size属性用来定义文本背景的缩放方式,100% 100%表示水平方向、垂直方向均铺满。
通过修改这些属性的值,可以实现各种不同的文本背景效果。CSS在网页制作中非常实用,需要多加学习和使用。