4.5 背景

背景是创建更有趣味的网页的常用一种手法，无论是直接使用背景颜色，还是使用背景图像，都能给网页带来丰富的视觉效果。

在CSS1中，就提供了对背景的控制，并提供了 5 个background相关的属性，用来设置背景颜色、背景图像、背景图像的平铺方式、背景附着。

在CSS3中，提供了更丰富的背景效果，支持纯色背景、图像背景、渐变背景等，并对背景提供了更精细的控制，可以控制背景的尺寸、起始位置、显示范围等，同时还支持多重背景和渐变。

定义背景时，可以使用复合属性 background，也可以使用独立属性。复合属性的语法格式为：

background: <color> || <position> [/<size>]? || <repeat> || <attachment> || <origin> || <clip>

也就是说，background属性可以分解为color、position、size、repeat、attachment、origin、clip 这 7 个属性，这些属性的功能及所对应的CSS版本见表表 4‑4：