【js/css】css截取一张图片的底部显示

当白

于 2021-10-08 16:46:08 发布

阅读量340

点赞数

分类专栏： js/css 文章标签： css html 裁剪图片显示图片底部

本文链接：https://blog.youkuaiyun.com/dangbai01_/article/details/120654981

版权

js/css 专栏收录该内容

47 篇文章

订阅专栏

这篇博客主要讨论如何使用CSS实现背景图片的设置，包括设置图片的宽度为100%，高度自适应，以及通过`background-position: 0-146px;`从底部开始显示，以达到理想的背景展示效果。同时，`background-repeat:no-repeat;`和`background-size:cover;`确保了图片不重复并完全覆盖背景区域。

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

//图片资源这里就不写了...
width: 100%;
height: 146px;
background-repeat: no-repeat;
background-position: 0 -146px;//从底儿开始
background-size: cover;