CSS学习笔记3

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；
}