CSS背景相关

background 背景

• background-color： <color值>

color值可以设置方式：

使用颜色名称，如red，green， skyblue等

使用十六进制，如#ccc, #e3e4e5等，推荐使用十六进制

使用rgb()或rgba()方式，如rgb(255,255,0), (rgba(255, 255, 0, .6)等，一般需要设置透明度就使用rgba方式

• background-image:  <image-url>

图片路径可以用相对路径也可以使用网络路径，最好不要使用绝对路径

• background-repeat:
  • repeat  平铺（默认）
  • repeat-x  水平平铺
  • repeat-y  垂直平铺
  • no-repeat  不平铺
• background-position：<偏移值>

偏移值的书写顺序为：left top right bottom

单在某方向的偏移值为0时，可以直接写方位名（left, top, right, bottom）

要使某方向居中，可以设置偏移值为center

定位需且仅需水平和垂直方向各确定一个值，如：background-position: left center;

背景定位一般在精灵图（sprite）技术上应用较多

• background-attachment:
  • fixed  背景固定
  • scroll  背景随对象内容滚动

背景综合设置: 以上所有的属性都是background的子属性，可以直接使用background属性来设置所有子属性的样式

如： background：url(images/pic.jpg) no-repeat left top fixed;