背景属性

背景颜色

background-color

值 ： transparent (透明色)

div {
 backgroud-color: transparent;
}

背景图片

background-image 描述了元素的背景图像。实际中常用于logo或一些装饰性的小图片、大的背景图片

 div {
 	backgound-image: none|url(URL)
 }

背景平铺

background-repeat

值： no-repeat | repeat | repeat-x | repeat-y

背景位置

background-position

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

方位名词

div {
    background-positionL: center top;
}

• 如果只写一个方位名词 默认第二个参数是 垂直居中显示

精确单位

div {
    background-position: 20px 50px;
}

• 如果参数是精确坐标，那么第一个肯定是x坐标 ，第二个肯定是y坐标
• 如果只指定一个数值，那该数值一定是x坐标，另一个默认垂直居中

混合单位

 div {
 	background-position: center 20px;
 }

• 如果指定的两个值是精确单位和方位名词混合使用，则第一个值是x坐标，第二个值是y坐标

背景固定

background-attachment

值 ： scroll | fixed

背景复合写法

background ： 颜色、图片、平铺、固定、位置

div {
	background: red url(URL) no-repeat fixed center top;
}

背景透明色

background: rgba(0,0,0,0.5)

• 第四个参数可以省略0 写成 .3