文章目录
background-color
background-color
设置背景颜色
background-img
background-img
设置背景图片
-
语法:
background-img:url(图片的相对路径)
- 如果背景图片大于元素大小,默认会显示图片的左上角。
- 如果背景图片和元素一样大,则会将背景图片全部显示。
- 如果背景图片小于元素大小,则会默认将背景图片以平铺的方式充满元素。
-
可以同时为一个元素指定背景图片和背景颜色,这样背景颜色将会作为背景图片的底色。
-
一般情况下设置背景图片时,都会指定一个背景颜色。
<style>
.box {
width: 3000px;
height: 1000px;
background: url("bg-1.jpg");
}
</style>
<body>
<div class="box"></div>
</body>
background-repeat
background-repeat
用于设置背景图片的重复方式
- 可选值
repeat
: 双方向重复no-repeat
:背景图片不会重复,有多大就显示多大。repeat-x
:背