本次操作主要应用了背景样式
代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<i></i>
<style>
i{
width: 21px;
height: 13px;
display: inline-block;
background-image: url(img/t.jpg);
background-position: -134px -2px;
background-repeat: no-repeat;
}
</style>
</body>
</html>
原图:
界面效果:
主要操作:先获取图片,之后找到想要截取的部分位置(使用photoshop操作)即可