CSS样式——背景

• background-color
• background-image
• background-repeat
• background-attachment
• background-position

background-color

opacity 属性指定元素的不透明度/透明度。取值范围为 0.0 - 1.0。值越低，越透明：

div {
  background-color: green;
  opacity: 0.3;
}

div {
  background: rgba(0, 128, 0, 0.3) /* 30% 不透明度的绿色背景 */
}

background-image

指定图片的地址：

body {
  background-image: url("gradient_bg.png");
}

默认情况下，该属性慧在水平方向和竖直方向都会重复图片。可以设置：

background-repeat:no repeat;

或者水平方向和竖直方向 repeat -x,repeat-y.

background-position

定义图片加载的起始位置

（1）名字定义：

• top left
• top center
• top right
• center left
• center center
• center right
• bottom left
• bottom center
• bottom right

（2）%定义

（3）像素定义

background-attachment

fixed   固定位置，滚动不会消失

scroll  随着文本一起滚动。

简写顺序：

• background-color
• background-image
• background-repeat
• background-attachment
• background-position

body {
  background: #ffffff url("tree.png") no-repeat right top;
}