background-size的取值有哪些?cover与contain有什么区别?

本文介绍了CSS中背景图像尺寸设置的几种方式:contain使图像扩展至最大尺寸以适应内容区域;cover让背景图像完全覆盖背景区域,可能部分不显示;length直接设置背景图像宽高;percentage则以父元素的百分比来设定。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

contain:把图像扩展至最大尺寸,以使其宽度和高度完全适应内容区域

cover:把背景图像扩展至足够大,以使背景图像完全覆盖背景区域,背景图像的某些部分也许无法显示在背景定位中。(背景的宽度撑满整个屏幕)

length:设置背景图像的高度和宽度。如果只设置一个值,则第二个值会被设置为“auto”。

percentage:以父元素的百分比来设置背景图像的宽度和高度。如果只设置一个值,则第二个值会被设置为“auto”。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值