2024年4月22日发(作者：)

CSS背景属性Background详解

本文详解了CSS的背景属性Background，包括CSS3中新增的背景属性。如果你

是个CSS初学者，还可以查看之前介绍的CSS浮动属性和CSS透明属性详解。

css2 中的背景（background）

CSS2 中有5个主要的背景（background）属性，它们是：

background-color： 指定填充背景的颜色。

background-image： 引用图片作为背景。

background-position： 指定元素背景图片的位置。

background-repeat： 决定是否重复背景图片。

background-attachment： 决定背景图是否随页面滚动。

这些属性可以全部合并为一个缩写属性： background。需要注意的一个要点是背

景占据元素的所有内容区域，包括 padding 和 border，但是不包括元素的 margin。

它在 Firefox， Safari ，Opera 以及 IE8 中工作正常，但是 IE6 和 IE7 中，

background 没把 border 计算在内。

基本属性

背景色（background-color）

代码

background-color 属性用纯色来填充背景。有许多方式指定这个颜色，以下方式都

得到相同的结果。

background-color： blue;

background-color： rgb（0， 0， 255）;