要设置背景图片的大小,您可以使用CSS的background-size
属性。这个属性允许您指定背景图片的尺寸。
background-size
属性可以接受不同的值,包括:
auto
:保持原始图片的尺寸。cover
:将图片缩放到完全覆盖背景区域,可能会裁剪部分图片。contain
:将图片缩放到完全适应背景区域,可能会留有空白区域。100px
、50%
?等。以下是几个示例:
/* 将背景图片缩放到完全覆盖背景区域,可能会裁剪部分图片 */
.background {
background-image: url('your-image.jpg');
background-size: cover;
}
/* 将背景图片缩放到完全适应背景区域,可能会留有空白区域 */
.background {
background-image: url('your-image.jpg');
background-size: contain;
}
/* 指定背景图片的具体尺寸 */
.background {
background-image: url('your-image.jpg');
background-size: 200px 150px;
}