CSS学习笔记3
CSS背景属性:
颜色
图片
重复
附加
位置
颜色
{background-color:颜色}
颜色有三种表示形式:文字、十六进制、RGB值
opacity属性指定元素的不透明度/透明度。取值范围为0.0-1.0。值越低,越透明。
背景
{ background-image: url(“paper.gif”);}
重复及其他
默认情况下,background-image在水平和垂直向上方向上重复图像。
background-repeat: repeat-x; 水平重复
background-repeat: repeat-y; 垂直重复
background-repeat: no-repeat 不重复
background-position: right top; 指定图像位置
background-attachment: fixed; 图像不随进度条滚动
background-attachment: scroll; 图像随着进度条滚动
属性可简写background,顺序为:颜色、图像、重复、滚动、位置。
body {
background-image: url("img.png");
background-repeat: no-repeat;
background-position: right top;
margin-right: 200px;
background-attachment: scroll;
}
简写:
body{
background: url("img.png") no-repeat right top 200px scroll;
}