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{
           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