引用方法:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="https://at.alicdn.com/t/c/font_3585331_xu06p35m3k.css">
<link rel="stylesheet" href="./2.css">
</head>
<body>
<!-- <span class="iconfont icon-dingwei"></span>
<span class="iconfont icon-xiangxiajiantou"></span> -->
<div id="wrap">
<h2>全部分类</h2>
<ul>
<li> <span class="iconfont icon-meishi"></span><a href="#">美食</a><i class="iconfont icon-tongyong_jiantouxiangyou"></i></li>
<li> <span class="iconfont icon-meituan"></span><a href="#">外卖</a><i class="iconfont icon-tongyong_jiantouxiangyou"></i></li>
<li> <span class="iconfont icon-jiudian"></span><a href="#">酒店</a><span class="iconfont icon-hot"></span><i class="iconfont icon-tongyong_jiantouxiangyou"></i></li>
<li> <span class="iconfont icon-minsu_"></span><a href="#">民宿</a><i class="iconfont icon-tongyong_jiantouxiangyou"></i></li>
<li> <span class="iconfont icon-dianyingpiao"></span><a href="#">猫眼电影</a><i class="iconfont icon-tongyong_jiantouxiangyou"></i></li>
<li> <span class="iconfont icon-jipiao"></span><a href="#">机票/火车票</a><i class="iconfont icon-tongyong_jiantouxiangyou"></i></li>
<li> <span class="iconfont icon-KTV"></span><a href="#">休闲娱乐/KTV</a><i class="iconfont icon-tongyong_jiantouxiangyou"></i></li>
<li> <span class="iconfont icon-shenghuofuwu"></span><a href="#">生活服务</a><i class="iconfont icon-tongyong_jiantouxiangyou"></i></li>
<li> <span class="iconfont icon-meifa"></span><a href="#">丽人/美发/医学美容</a><i class="iconfont icon-tongyong_jiantouxiangyou"></i></li>
<li> <span class="iconfont icon-jiehundengji"></span><a href="#">结婚/婚纱摄影/婚宴</a><i class="iconfont icon-tongyong_jiantouxiangyou"></i></li>
<li> <span class="iconfont icon-qinzi"></span><a href="#">亲子/儿童乐园/幼教</a><i class="iconfont icon-tongyong_jiantouxiangyou"></i></li>
<li> <span class="iconfont icon-lanqiu"></span><a href="#">运动健身/健身中心</a><i class="iconfont icon-tongyong_jiantouxiangyou"></i></li>
<li> <span class="iconfont icon-jiaju"></span><a href="#">家装/建材/家居</a><i class="iconfont icon-tongyong_jiantouxiangyou"></i></li>
<li> <span class="iconfont icon-peixunfei"></span><a href="#">学习培训/音乐培训</a><i class="iconfont icon-tongyong_jiantouxiangyou"></i></li>
<li> <span class="iconfont icon-yiliaofuwu"></span><a href="#">医疗健康/宠物/爱车</a><i class="iconfont icon-tongyong_jiantouxiangyou"></i></li>
<li> <span class="iconfont icon-jiuba"></span><a href="#">酒吧/密室逃脱</a><i class="iconfont icon-tongyong_jiantouxiangyou"></i></li>
</ul>
</div>
</body>
</html>
*{
padding: 0;
margin: 0;
list-style: none;
text-decoration: none;
}
body{
background-color: rgb(248,248,248);
}
span.iconfont {
font-size: 20px;
color: orange;
margin: 0 10px;
}
i.iconfont{
color: rgb(229,229,229);
font-size: 12px;
position: fixed;
right: 1240px;
}
#wrap{
width: 250px;
height: fit-content;
margin: 0 50px;
border: 1px solid rgb(229,229,229);
position: relative;
background-color:white;
}
h2{
margin-bottom: 20px;
margin-left: 10px;
font-size: 20px;
}
li a{
color: rgb(100,100,150);
}
li a:hover{
color: red;
}