HTML中只显示图片的一部分（图片的切割）

一、简介：

图片切割：将想要的图片在原图上进行切割并且再显示出来

二、方法：

1.必须要对原来的图片位置定位为绝对的(为了下文的clip：rect 的 定位)

position：absolute;

2.必须要使用 clip：rect（上   右   下  左）;语句

clip:rect(上 右  下  左);

注：上     指的是  切割显示的上边框  对于 原先的上边框的距离   

        右     指的是   切割显示的右边框  对于 原先的 左边框的距离

        下     指的是   切割显示的下边框  对于原先的上边框的距离

        左    指的是   切割显示的左边框  对于 原先的左边框的距离

三、

图片：

 结果：