css属性background使用及案例
时间: 2023-11-04 09:45:35 浏览: 77
css背景属性案例
CSS 属性 background 可以用来设置元素的背景样式,包括背景颜色、背景图片、背景重复方式、背景位置等,具体的用法如下:
语法:
background: background-color background-image background-repeat background-attachment background-position;
具体解释:
background-color:设置元素背景颜色;
background-image:设置元素背景图片;
background-repeat:设置背景图像的重复方式;
background-attachment:设置背景图像是否随着页面滚动;
background-position:设置背景图像的位置。
案例:
比如以下 CSS 代码就是将一个 div 元素的背景设置为红色,背景重复方式设置为不重复:
div {
background-color: red;
background-repeat: no-repeat;
}
如果要将背景图像设置成背景,则可以使用 background-image 属性:
div {
background-image: url('example.jpg');
}
以上是 background 属性常见的用法,希望可以帮到你。
阅读全文