天猫图标用了字体,搞下来就行了,大概写了个,有帮助请点采纳【右上角】,谢谢~~
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>天猫</title>
<link href="https://fontawesome.dashgame.com/assets/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css" />
<style>
ul,li,h2{list-style:none;padding:0;margin:0}
.category-type{width:300px;margin:20px auto;}
.category-type h2{background:#000;color:#fff;text-align:center;padding:10px 0}
.category-type .nav-ccon{background:#f1f1f1;padding:10px 0}
.category-type li{line-height:30px;font-size:16px}
.category-type li i{display:inline-block;width:50px;height:30px;vertical-align:middle;text-align:center;font-style:normal}
.category-type a{text-decoration:none;color:#000}
@font-face{font-family:fpIconFont;src:url(https://at.alicdn.com/t/font_eu7qkdb0zt3jif6r.eot?#iefix) format('embedded-opentype'),url(https://at.alicdn.com/t/font_eu7qkdb0zt3jif6r.woff) format('woff'),url(https://at.alicdn.com/t/font_eu7qkdb0zt3jif6r.ttf) format('truetype'),url(https://at.alicdn.com/t/font_eu7qkdb0zt3jif6r.svg#fpIconFont) format('svg')}
.fp-iconfont{font-family:fpIconFont!important}
</style>
</head>
<body>
<div class="category-type">
<h2>商品分类</h2>
<div class="nav-ccon">
<ul class="normal-nav">
<li><i class="fp-iconfont"></i><a href="#">女装</a> / <a href="#">内衣</a></li>
<li><i class="fp-iconfont"></i><a href="#">男装</a> / <a href="#">户外运动</a></li>
<li><i class="fp-iconfont"></i><a href="#">美妆</a> / <a href="#">个人护理</a></li>
<li><i class="fp-iconfont"></i><a href="#">母婴</a> / <a href="#">玩具</a></li>
<li><i class="fp-iconfont"></i><a href="#">家纺</a> / <a href="#">家饰</a></li>
<li><i class="fp-iconfont"></i><a href="#">汽车</a> / <a href="#">配件用品</a></li>
</ul>
</div>
</div>
</body>
</html>
你这个把图片加上就好了,我看结构已经出来了