css 如何显示部分图片

当前第2页 返回上一页

然后添加一个background-position的样式，为样式添加适当的值。注意的是这个值是负数的，不同的值会显示图片的不同部分，大家可以调整尝试一下。

重新刷新页面，可以看到现在是只显示了图片上的头像部分了。

如果是图片太大，但容器太小，我们要显示完整的图片，可以使用background-size的样式，如图。

运行页面后，我们的容器上就显示了完整的背景图片了，但对图片进行了缩放的。

以上就是css 如何显示部分图片的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

相关阅读 >>

js和css文件位置对页面性能有什么影响？

css怎么给表格设置边框

css设置主动控件的样式（焦点伪类的实现）

css中如何改变字体大小

css如何修改背景图片宽高

css border-top-width属性怎么用

css优化，提高性能的方法有哪些

如何提升css性能

html和css的面试知识点总结（附示例）

css padding什么意思

更多相关阅读请进入《css》频道 >>

书籍

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元   人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » css 如何显示部分图片