CSS简介（难）---背景属性

8 css的背景

背景属性可以设置背景颜色，背景图片，背景平铺，背景图片位置，背景图像固定等。

8.1 背景颜色

语法

background-color : transparent | color

transparent : 　背景色透明
color : 　指定颜色。

8.2 背景图片

语法

background-image : none | url (url)

none : 　无背景图
url : 　使用绝对或相对地址指定背景图像

8.3 背景平铺

background-repeat : repeat | no-repeat | repeat-x | repeat-y

repeat : 　背景图像在纵向和横向上平铺（默认情况）
no-repeat : 　背景图像不平铺
repeat-x : 　背景图像在横向上平铺
repeat-y : 　背景图像在纵向平铺

8.4  背景图片的位置

语法

background-position:x  y;

参数代表的意思是:x坐标和y坐标，可以使用方位名词或者精确单位。

background-position : length || length
background-position : position || position

length : 　百分数 | 由浮点数字和单位标识符组成的长度值。
position : 　top | center | bottom | left | center | right   方位名词

注：

设置或检索对象的背景图像位置。必须先指定background-image属性。默认值为：(0% 0%)。如果只指定了一个值，该值将用于横坐标。纵坐标将默认为50%。第二个值将用于纵坐标。该属性定位不受对象的补丁属性(padding)设置影响。

如果指定两个值都是方位名词，则两个值前后顺序无关，比如left  top和top  left效果一致。

如果指定了一个方位名词，另一个省略，则第二个默认居中对齐。

8.5  背景图像固定

属性设置背景图像是否固定或者随着网页的其余部分滚动。

语法

background-attachment : scroll | fixed

scroll : 　背景图像是随对象内容滚动
fixed : 　背景图像固定

8.6  背景色半透明

CSS3为我们提供了背景颜色半透明的效果

background:rgba(0,0,0,0.3)

最后一个参数是alpha透明度，取值范围在0~1之间

背景总结：