演示代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<!-- 以下引用阿里云图标库在线链接 -->
<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_2036439_0h96479wv2lb.css"/>
<style type="text/css">
#wyzx{
width: 50px;padding: 0 5px;
border: 1px solid #ccc;
margin: 100px auto;
}
#wyzx a{
width: 50px;height: 52px;
border-bottom: 2px solid #ff0000;
display: block;
text-align: center;
}
#wyzx #nobd{
height: 50px;border-bottom: none;
}
.iconfont{
font-size: 30px;line-height: 50px;
}
</style>
</head>
<body>
<!-- div#wyzx>a*3 -->
<div id="wyzx">
<a href=""><span class="iconfont icon-qq"></span></a>
<a href=""><span class="iconfont icon-shouji"></span></a>
<a id="nobd" href=""><span class="iconfont icon-shouye"></span></a>
</div>
</body>
</html>
