CSS 背景
CSS 背景 (background) 属性定义元素的背景效果。
元素的背景区包括前景之下直到边框边界的所有空间。因此,内容框与内边距都是元素背景的一部分,且边框画在背景上。
CSS 允许应用纯色作为背景,也允许使用背景图像创建相当复杂的效果;CSS 在这方面的能力远远在 HTML 之上。
CSS 背景实例
- 设置背景颜色
- 本例演示如何为元素设置背景颜色。
- 设置文本的背景颜色
- 本例颜色如何设置部分文本的背景颜色。
- 将图像设置为背景
- 本例演示如何将图像设置为背景。
- 如何重复背景图像
- 本例演示如何重复背景图像。
- 如何在垂直方向重复背景图像
- 本例演示如何垂直地重复背景图像。
- 如何在水平方向重复背景图像
- 本例演示如何水平地重复背景图像。
- 如何仅显示一次背景图像
- 本例演示如何仅显示一次背景图像。
- 如何放置背景图像
- 本例演示如何在页面上放置背景图像。
- 如何使用%来定位背景图像
- 本例演示如何使用百分比来在页面上定位背景图像。
- 如何使用像素来定位背景图像
- 本例演示如何使用像素来在页面上定位背景图像。
- 如何设置固定的背景图像
- 本例演示如何设置固定的背景图像。图像不会随着页面的其他部分滚动。
- 所有背景属性在一个声明之中
- 本例演示如何使用简写属性来将所有背景属性设置在一个声明之中。
CSS 背景属性
属性 | 描述 |
---|---|
background | 简写属性,作用是将背景属性设置在一个声明中。 |
background-attachment | 背景图像是否固定或者随着页面的其余部分滚动。 |
background-color | 设置元素的背景颜色。 |
background-image | 把图像设置为背景。 |
background-position | 设置背景图像的起始位置。 |
background-repeat | 设置背景图像是否及如何重复。 |