background-color
background-color: cyan;
background-color: rgba(0,0,0,0.5);
background-image
background-image: url("images/car.jpg");
background-repeat
background-repeat: no-repeat;
| 属性 | 说明 |
|---|---|
| repeat | 背景图片纵向和横向平铺 |
| no-repeat | 背景图片不平铺 |
| repeat-x | 背景图片在横向上平铺 |
| repeat-y | 背景图片在纵向上平铺 |
background-position
设置或检索对象的背景图像位置，必须先指定 background-image 属性，默认值(0%, 0%)
如果只指定了一个值，该值用于横坐标，纵坐标默认为50%，第二个值用于纵坐标
该属性定位不受对象的属性(padding)设置影响
- background-position: length || length
- background-position: position || position
- length: 百分数，由浮点数字和单位标识符组成的长度值
- position: top | center | bottom | left | right
background-position: center top;
background-position: center center;
background-position: right bottom;
background-position: left;
background-position: 12px 50px;
background-position: 10px center;
background-position: 10px;
background-attachment
- scroll:背景图片随内容滚动
- fixed:背景图片固定
background
background:背景颜色 背景图片地址 背景平铺 背景滚动 背景位置
background: transparent url("car.jpg") repeat-y scroll 50% 0;
