CSS Background
2018-11-30 本文已影响5人
roy_pub
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;