css背景图片大小怎么自适应

css

1286

2023/11/5 22:57:16

栏目: 编程语言

要使背景图片自适应，可以使用CSS中的background-size属性。

例如，如果要使背景图片铺满整个背景，可以设置background-size为"cover"，即：

body {
background-image: url("背景图片的URL");
background-size: cover;
}

如果要使背景图片等比例缩放以适应背景，可以设置background-size为"contain"，即：

body {
background-image: url("背景图片的URL");
background-size: contain;
}

除了以上两种常用的属性值外，background-size还支持其他属性值，例如具体的长度值、百分比值等，可以根据需要进行调整。

最新知识库