css background属性
时间: 2023-09-11 14:03:44 浏览: 131
CSS的`background`属性用于设置一个元素的背景样式。它可以同时设置背景图片、颜色、位置、重复方式、尺寸等多个属性。下面是`background`属性的常用属性值和示例:
1. `background-color`:设置背景颜色。
```css
background-color: #f2f2f2;
```
2. `background-image`:设置背景图片。
```css
background-image: url('your-image.jpg');
```
3. `background-repeat`:设置背景图片的重复方式。
```css
background-repeat: repeat-x;
```
4. `background-position`:设置背景图片的位置。
```css
background-position: center;
```
5. `background-size`:设置背景图片的大小。
```css
background-size: cover;
```
6. `background-origin`:设置背景图片的起始位置。
```css
background-origin: border-box;
```
7. `background-attachment`:设置背景图片的滚动方式。
```css
background-attachment: fixed;
```
8. `background-clip`:指定背景的绘制区域。
```css
background-clip: padding-box;
```
以上是`background`属性的一些常见属性值,你可以根据需要组合使用它们来实现不同的背景样式。
阅读全文