您当前位置：首页 > web前端 > htmlcss > css教程：有关clip中rect的剪裁属性

css教程：有关clip中rect的剪裁属性

来源：程序员人生发布时间：2013-10-14 14:47:44 阅读次数：3236次

<html><head><title>clip中rect的剪裁 - liehuo.net</title><style type="text/css">img{ position:absolute; clip:rect(0px 50px 200px 0px); }.show{width:100px; height:100px; background:url(../image/color.jpg); position:absolute; left:50px; clip:rect(0px 50px 50px 10px);}</style></head><body><p>clip 属性剪切了一幅图像：</p><p><img border="0" src="/images/20081223_liehuo.net.jpg" _fcksavedurl="/images/20081223_liehuo.net.jpg" width="120" height="90"></p><div class="show">建站学院建站学院建站学院建站学院建站学院</div></body></html>
建站学院(liehuo.net)提示：可修改部分代码后运行！

圈定框框的大小，框框以外的区域不可见，类似于遮罩，以上为两个示例。该属性可用前提是position为absolute

生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生

------分隔线----------------------------

上一篇 用CSS给文字描边实现发光效果

下一篇 如何有效推广网站罗列比实用性的方法

分享到:

------分隔线----------------------------

为码而活

积分：4237

15粉丝

7关注

栏目热点