clip:rect实现图片裁剪

最新推荐文章于 2020-12-30 16:54:14 发布

原创最新推荐文章于 2020-12-30 16:54:14 发布 · 378 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#clip rect

css 专栏收录该内容

25 篇文章

订阅专栏

本文展示如何使用HTML样式剪切一幅图像，并通过代码实例进行演示。

<html>
<head>
<style type="text/css">
img 
{
position:absolute;
left:50px;
top:50px;
clip:rect(0px 50px 200px 0px)
}
</style>
</head>

<body>
<p>clip 属性剪切了一幅图像：</p>
<p><img border="0" src="/i/eg_bookasp.gif" width="120" height="151"></p>
</body>

</html>