背景 - 1
- 使用
background-color
来设置背景颜色
语法:background-color: 颜色值
例:background-color: red;
background-color: #bfa;
background-color: #e44e23
- 使用
background-image
来设置背景图片
语法:background-image: url(相对路径);
例:background-image: url(images/bg.jpg);
- 如果背景图片大于元素,则默认只会显示图片的左上部分。
- 如果背景图片和元素大小相同,则会将图片全部显示。
- 如果背景图片小于元素,则默认会将图片平铺以充满元素。
可以同时为一个元素设置背景颜色和背景图片,此时背景颜色会作为背景图片的底色显示。
一般情况下,设置背景图片的同时都会设置一个背景颜色。
再次强调,相对路径写在哪一个文档就相对于哪一个文档进行查找。
- 使用
background-repeat
来设置背景图片的重复方式
可选值:repeat
:背景图片会在水平和垂直方向重复(默认值)no repeat
:背景图片不会重复,有多大就显示多大repeat-x
:背景图片会沿着水平方向重复repeat-y
:背景图片会沿着垂直方向重复
例:background-repeat: repeat-x;
如发现错误请联系我,谢谢你。
本文链接:http://ninefire.tk/HTML&CSS.basics/55.html