CSS 背景（九）

 

CSS 背景 (background) 属性定义元素的背景效果。

元素的背景区包括前景之下直到边框边界的所有空间。因此，内容框与内边距都是元素背景的一部分，且边框画在背景上。

CSS 允许应用纯色作为背景，也允许使用背景图像创建相当复杂的效果；CSS 在这方面的能力远远在 HTML 之上。

CSS 背景实例

设置背景颜色

本例演示如何为元素设置背景颜色。

设置文本的背景颜色

本例颜色如何设置部分文本的背景颜色。

将图像设置为背景

本例演示如何将图像设置为背景。

如何重复背景图像

本例演示如何重复背景图像。

如何在垂直方向重复背景图像

本例演示如何垂直地重复背景图像。

如何在水平方向重复背景图像

本例演示如何水平地重复背景图像。

如何仅显示一次背景图像

本例演示如何仅显示一次背景图像。

如何放置背景图像

本例演示如何在页面上放置背景图像。

如何使用%来定位背景图像

本例演示如何使用百分比来在页面上定位背景图像。

如何使用像素来定位背景图像

本例演示如何使用像素来在页面上定位背景图像。

如何设置固定的背景图像

本例演示如何设置固定的背景图像。图像不会随着页面的其他部分滚动。

所有背景属性在一个声明之中

本例演示如何使用简写属性来将所有背景属性设置在一个声明之中。

CSS 背景属性

属性	描述
background	简写属性，作用是将背景属性设置在一个声明中。
background-attachment	背景图像是否固定或者随着页面的其余部分滚动。
background-color	设置元素的背景颜色。
background-image	把图像设置为背景。
background-position	设置背景图像的起始位置。
background-repeat	设置背景图像是否及如何重复。