除了之前随笔中提到的使用图标文字来解决网站中的小图标的问题，还可以手写网站中的小图标，这主要使用到定位的相关知识就可以轻松搞定。
具体代码如下所示：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>title</title>
<style>
s, i, em {
font-style: normal;
text-decoration: none;
}
i{
20px;
height: 10px;
display: block;
/*background-color: pink;*/
position: relative;
overflow: hidden;
}
s{
20px;
height: 20px;
display: block;
position: absolute;
left: 1px;
top:-9px;
}
</style>
</head>
<body>
<i><s>◇</s></i>
</body>
</html>
更多精彩内容，请扫面下面二维码，获取更加精彩内容：
