CSS 背景属性用于定义元素的背景效果。
- background-color 定义背景颜色
- background-image 定义背景图片
- background-repeat 定义背景图片的重复
- background-attachment 定义背景附着(是否滚动)
- background-position 背景开始位置
- background-clip 背景的绘制区域
- background-origin 在何处放置背景图
- background-size 背景图片的尺寸
背景颜色
div{
background-color:rgba(255,0,0,0.5);/*50%的不透明度红色*/
} 定义背景图片
{
background-image: url("logo.jpg");
} 背景图片的重复
div {
background-image: url("bg.png");/*背景图片bg.png*/
background-repeat: repeat-x;/*X轴重复即水平重复*/
} 不带这个属性,默认是XY都重复 不重复,只有一张背景的话,值为no-repeat;通常还有一个位置属性:background-position:left top;表示左上。
背景附着
background-attachment 属性指定背景图像是应该滚动还是固定的(不会随页面的其余部分一起滚动)
background-attachment: fixed;/*固定背景图片*/
background-attachment: scroll;/*会随页面滚动而滚动*/
还有background属性可以将以上内容都包括进去。
div {
background: #ffffff url("logo.png") no-repeat left top;
}
background的顺序是color image repeat attachment position,顺序不能乱,可以没有值。
0