我们需要一张大图的一部分
这个时候clip属性就登场了
<!DOCTYPE html>
<html>
<head>
<title>使用css截取图片</title>
<style type="text/css" media="screen">
.outside {
position: relative
display: inline-block;
width: 133px;
height: 192px;
}
.inner {
position:absolute;
/* 注意如果是图片内部,还需要有top和left */
clip:rect(0 133px 192px 0);
}
</style>
</head>
<body>
<div class="outside">
<img class="inner" src="./timg.jpg">
</div>
</body>
</html>