标签：
CSS 里也一样，每个元素盒子都可以想象成由两个图层组成。元素的前景层包含内容（如文本或图片）和边框，元素的背景层可以用实色填充（使用background-color 属性），也可以包含任意多个背景图片（使用background-image 属性），背景图片叠加在背景颜色之上。
CSS背景属性
background-color
background-image
background-repeat
background-position
background-size
background-attachment
background（简写属性）
background-clip、 background-origin、 background-break（目前尚未得到广泛支持）
背景颜色
background-color 是背景属性中最简单的，通过它可以设定元素的颜色。然后，元素就会以设定的颜色填充背景图层
背景图片
background-image:url(图片路径/图片文件名)
背景重复
控制背景重复方式的 background-repeat 属性有 4 个值。默认值就是 repeat。repeat-x、repeat-y、 no-repeat
背景粘附
background-attachment 属性控制滚动元素内的背景图片是否随元素滚动而移动。这个属性的默认值是 scroll，即背景图片随元素移动。如果把它的值改为 fixed，那么背景图片不会随元素滚动而移动。
background-attachment:fixed 最常用于给 body 元素中心位置添加淡色水印，让水印不随页面滚动而移动。
简写背景属性
body {background:url(images/watermark.png) center #fff no-repeat contain fixed;}
声明中少写了哪个属性的值（比如没写 no-repeat），就会使用相应属性的默认值（repeat）。
多背景图片
p {
height:150px;
width:348px;
border:2px solid #aaa;
margin:20px auto;
font:24px/150px helvetica, arial, sansserif;
text-align:center;
background:
url(images/turq_spiral.png) 30px -10px no-repeat,
url(images/pink_spiral.png) 145px 0px no-repeat,
url(images/gray_spiral.png) 140px -30px no-repeat, #ffbd75;
}
在 CSS 中，我把每张图片的声明都单独放在了一行里，以逗号分隔，以便看清它们的位置、重复的设定值。为了防止图片加载失败时元素背景处于默认的透明状态，这里也在最后一条声明中加上了背景颜色（加粗的值）。要注意的是，代码中先列出的图片显示在上方，或者说，更接近前景。
背景渐变
标签：
原文地址：http://my.oschina.net/Cheney521/blog/509425
