位置: IT常识 - 正文
推荐整理分享设置背景图片大小的方法(设置背景图片大小和元素的大小一致的代码),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:设置背景图片大小的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)
友情链接: 武汉网站建设