css 如何显示部分图片


本文摘自PHP中文网,作者藏色散人,侵删。

css显示部分图片的实现方法:首先在html里创建一个div,用来放背景图片的;然后为div添加css样式,并添加背景图片url;最后添加一个“background-position”的样式,并为样式添加适当的负数值即可。

本教程操作环境:windows7系统、css3版,该方法适用于所有品牌电脑。

推荐:《css视频教程》

css如何只显示部分图片?

先在html里创建一个div,用来放背景图片的。

53b303f8541d2fe43397ec014807afe.png

为div添加css样式,添加背景图片url。

2d10808dc0f511778c88e8068448d11.png

刷新页面,可以看到现在是整张图片都显示的。

0181f5d0908b38811d83b680757a0f5.png

假设我们现在需要只显示图片中人物的头像部分,我们需要修改图片的长度和宽度,设置为头像部分的大小,70元素左右。

82ce2c284d658edd8b5179eb6f21fa3.png

阅读剩余部分

相关阅读 >>

谈谈css实现水平垂直居中布局的方法

css制作立体导航栏的方法

图片之间的间隔css怎么设置

css居中对齐怎么设置

css图片怎么设置透明度

css边框样式如何定义

svg和css3实现环形渐变进度条的代码示例

css语法错误有哪些

css怎么移动文字

css中什么属性可为元素设置外边距

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




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...