温馨提示×

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

css
小亿
401
2023-10-12 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还支持其他属性值,例如具体的长度值、百分比值等,可以根据需要进行调整。

0