方法:1、利用“position:absolute”样式将图片元素设置为绝对定位样式;2、利用clip属性来截取绝对定位样式的图片即可,语法为“图片元素{clip:rect(top,right,bottom,left);}”。
本教程操作环境:windows10系统、CSS3&&HTML5版、Dell G3电脑。
如何用css截取部分图片
在css中,可以利用clip属性来截取部分图片,该属性能够对绝对定位的元素进行裁剪。
因此我们需要先将图片设置为绝对定位样式,然后利用clip属性截取即可。
clip属性可能的值如下:
示例如下:
输出结果:
(学习视频分享:css视频教程)
Das obige ist der detaillierte Inhalt von如何用css截取部分图片. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!