时间：2021-07-01 10:21:17 帮助过：18人阅读
css2中关于background的属性有：
background：#eee;
backgroud-image：url("img/bg.jpg");
background-position: 0 0;//第一个数字代表x轴水平位置，第二个数字代表y轴垂直位置background-position: 0 100px;
当你的元素尺寸不适用像素设置的时候，还可以使用其他数值，如
background-position: top right; // 图片的top对应元素的top 图片的right对应元素的right background-position: 100% 50%; //使用元素的百分比数值设置图片位置，道理同上
background-repeat: repeat; //图片可重复 background-repeat: no-repeat ; //图片不可重复 background-repeat: repeat-x; //图片在x轴上可以重复 background-repeat: repeat-y; //图片在y轴上可以重复 background-repeat: inherit; //遵从父元素的设置
background-attachment: scroll; //默认值;表示背景紧贴元素background-attachment: fixed; //背景不随元素滚动，当页面向下时，背景待在最初相对于浏览器的位置background-attachment: inherit;//遵循父元素的设定
当希望设置background的多个属性时，可以分别设置每一个，也可以合并为一行，写在一个属性里：
background: transparent url(image.jpg) 50% 0 scroll repeat-y;
css3中对于background添加了很多属性：
background-size: contain; //缩小图片以适应元素的尺寸（图片宽高比不变） background-size: cover; //扩展图片以填满元素（图片宽高比不变） background-size: 50% 100%; //自定义调整图片大小
background-clip: border-box; //背景显示在边框内 background-clip: padding-box; //背景显示在padding内(不是边框内) background-clip: content-box; //只在内容内显示背景（不在padding中，也不在边框中）
还有两个属性为，background-break和background-origin，我对这两个属性并没有使用过，看了看网上的讲解觉得没啥大用处，这里就不写下来误人子弟了。
css中关于背景的知识点还是很博大精深的，以后有新的理解，再往这儿添。
注：文章参考》》》》http://blog.csdn.net/adenfeng/article/details/8199362