background属性的完整写法
时间: 2024-11-15 19:25:23 浏览: 6
`background` 属性在 CSS 中用于设置元素的背景,它是一个复合属性,可以包含多个值来控制背景的不同方面,如颜色、图片、重复模式等。完整的写法通常包括以下几个部分:
1. `background-color`: 设置背景颜色,默认值是无色透明。
2. `background-image`: 设置背景图片,可以是 URL 或者 `none` 表示无图片。
3. `background-repeat`: 控制背景图片是否平铺,可取值有 `repeat`, `no-repeat`, `repeat-x`, `repeat-y`, 和 `space` 或 `round` (CSS3 引入)。
4. `background-position`: 定义背景图片的位置,可以指定百分比或像素值。
5. `background-size`: 调整背景图片的尺寸,可以是实际大小 (`cover` 或 `contain`),也可以是具体的宽度和高度。
6. `background-attachment`: 设置背景图片相对于内容是否固定不动,可取值为 `scroll`, `fixed`, 或 `inherit`。
例如:
```css
.example-class {
background: red; /* 设置背景颜色 */
background-image: url('image.jpg'); /* 设置背景图片 */
background-repeat: no-repeat; /* 图片不平铺 */
background-position: center; /* 图片居中 */
background-size: cover; /* 图片铺满容器 */
}
```
阅读全文