css背景颜色与背景图片

CSS背景颜色的关键字是background-color，颜色可以用英文和十六进制颜色代码，也可以用rgb表示，与背景颜色相对应的还有背景图片，关键字是background-image，示例：

　　background-image:url(图片地址);

(1)background-repeat   背景图片重复，取值有：

　　repeat-x   x轴方向重复

　　repeat-y  y轴方向重复

　　no-rrepeat  不重复

(2)背景图片定位background-position

背景图片定位有left,top,bottom,right  4个值，除了可以用这4个值之外，还可以用像素表示，示例：

　.d03_03{
           width: 62.5px;
           height: 16px;

           background-image:url(02.jpg);
           background-position: -484px -45px;
}

则显示的图片x轴方向截取掉484px，y轴方向截取掉45px，长为62.5px，高为16px的图片。定位一般用在一张图有多个图案时，为了节约计算机查找图片的反应时间把所有图片放置在一张大图中，用的时候需要进行定位截取。

（3）background可以把多个属性的值组合在一起，比如   background:color image  repeat  position；

（4）背景图片大小background-size,可以用这个属性设置图片显示的大小

 

转载于:https://www.cnblogs.com/mountion20/p/10942423.html