位置: IT常识 - 正文
设置背景图片大小的方法(设置背景图片大小和元素的大小一致的代码)
发布时间：2024-01-15设置背景图片大小的方法 背景图片大小设置语法：background-size:宽度 高度；作用：设置背景图片大小取值：取值场景数字+px简单方便，常用百分比相当于当前盒子自身的宽高百分比contain包含，将背景图片等比例缩放，直到不会超出盒子的最大cover覆盖，将背景图片等比例缩放，直到刚好填满整个盒子没有空白
本文链接地址:https://www.jiuchutong.com/zhishi/296089.html
转载请保留说明！
推荐整理分享设置背景图片大小的方法(设置背景图片大小和元素的大小一致的代码)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:设置背景图片大小的css属性,设置背景图片大小和元素的大小一致的代码,设置背景图片大小为100*100,设置背景图片大小为100*100,设置背景图片大小的css属性,设置背景图片大小为100*100,设置背景图片大小,设置背景图片大小为100*100,内容如对您有帮助，希望把文章链接给更多的朋友！
1.设置一个盒子赋予宽（400px）高（300px），并设置边框便于观察，将原图插入盒子中
2.第一种取值（数字+px）：
使用数字＋px 给图片设置和盒子一样的宽高background-size: 400px 300px;3.第二种取值（百分比）：
使用百分比给图片设置宽高都为90%background-size: 90% 90%;4.第三种取值（contain）：
使用 contain 将背景图片等比例缩放，直到不会超出盒子的最大background-size: contain;5.第四种取值（cover）：
使用 cover 将背景图片等比例缩放，直到刚好填满整个盒子没有空白background-size: cover;上一篇：vue3使用nextTick(vue3使用ref获取元素)
下一篇：【React Router v6】这17个API，你真的都懂了吗？(建议收藏)(react_router)
