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

发布时间：2018-08-18 07:25:01 所属栏目：经验来源：站长网

导读：htmlheadtitleclip中rect的剪裁 - liehuo.net/titlestyle type=text/cssimg{ 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 5

<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

（编辑：济宁站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!