css background
时间: 2023-09-01 14:11:17 浏览: 76
CSS background 属性用于设置元素的背景样式,可以通过以下方式设置:
1. background-color:设置元素的背景颜色;
2. background-image:设置元素的背景图片;
3. background-repeat:设置背景图片的重复方式;
4. background-position:设置背景图片的位置;
5. background-size:设置背景图片的尺寸;
6. background-origin:设置背景图片的起始位置;
7. background-clip:设置背景图片的裁剪方式;
8. background-attachment:设置背景图片是否随着元素滚动。
举个例子:
```css
div {
background-color: #F5F5F5;
background-image: url(background.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
background-origin: border-box;
background-clip: border-box;
background-attachment: fixed;
}
```
这个例子中,`background-color` 设置了元素的背景颜色,`background-image` 设置了元素的背景图片,`background-repeat` 设置了背景图片不重复显示,`background-position` 设置了背景图片在元素内部居中显示,`background-size` 设置了背景图片按比例缩放以覆盖整个元素,`background-origin` 和 `background-clip` 分别设置了背景图片的起始位置和裁剪方式,`background-attachment` 设置了背景图片固定不随元素滚动。
阅读全文