1. background-color 设置颜色
(1)red、gren、blue:预定义的颜色值
(2)#FF000000、#FF6600、#29D794:十六进制颜色值,也是最常用的定义颜色的方式
(3)rgba(255,0,0,0.5)或rgba(100%,0%,0%,0.5):r:红色值;g:绿色值;b:蓝色值,r、g、b的取值可以是正整数也可以是百分数,a:透明度,取值0~1。
2. background-image 设置图片背景
url(url):直接引用图片地址来设置图片作为对象背景。
3. background-repeat 设置背景平铺重复方向
(1)repeat:背景图像在纵向和横向上平铺。
(2)no-repeat:背景图像不平铺。
(3)repeat-X:背景图像在横向上平铺。
(4)repeat-Y:背景图像在纵向上平铺。
4. background-attachment 设置或检索背景图像是随对象内容滚动还是固定的
(1)scroll:背景图像随对象内容滚动
(2)fixed:背景图像固定
5. background-position 设置或检索对象的背景图像位置,语法为length | length 或者position | position
35%、80% 或 35% 2.5cm 或 top right:length:百分数 | 由浮点数字和单位标识符组成的长度值。position:top | center | bottom | left | center | right
6. background-size 规定背景图像的尺寸
(1)length:第一个值设置宽度,第二个值设置高度。一个值是,第二个值会被设置为“auto”。
(2)percentage:以父元素的百分比来设置背景图像的宽度和高度,用法和第一条相同。
(4)cover:背景图完全覆盖背景区域。
(5)contain:宽和高完全适应内容区域。