<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
#background_set{
background-color: grey;
width: 800px;
height: 900px;
background-image: url(../picture/.png); /* 默认是平铺*/;
/*background-repeat:no-repeat;*/
/*no-repeat 不重复 repeat-x x轴重复，repeat-y y轴重复 */
/*background-size: 100% 100%;/*背景图片大小设置*/
/*background-position: center center;*/
/* 值分别为x轴和y轴的数值，可以是像素也可以x轴：left、right、cener；y轴:top、center、bottom
默认值：center（值填写一个一直）。
*/
background-repeat: repeat-x;
background-position:center 0px;
/*他会把中间的图片放在x轴的中间，这个比较有用做背景色 数值可以设置正负*/
background-attachment: fixed;
/*背景图片，位置设置，固定还是随着滚轮滑动*/
}
</style>
</head>
<body>
<div id="background_set"></div>
</body>
</html>
以上我们做的设置是单一样式设置，这些都是背景色的设置，我们可以用复合样式来进行对背景色的设置。
复合样式，即用background来设置这些属性：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.background_set{
width: 800px;
height: 1500px;
background: grey url(../picture/.jpg) no-repeat center fixed;
}
</style>
</head>
<body>
<div class="background_set">
<br/>
<br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/>
</div>
</body>
</html>
其中，对于属性background-attachment 属性的解释：如下
