为网页添加列表和超链接——精美电商悬浮窗
- 无序列表：
<ul>
<li>…</li>
<li>…</li>
……
</ul>
- 有序列表：
<ol>
<li>…</li>
<li>…</li>
……
</ol>
- 清除格式
list-style:none;
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>精美电商悬浮窗</title>
<style>
body{
color:#ffffff;
}
ul,li, *{
margin: 0px;
padding: 0px;
list-style: none;
}
ul{
width: 171px;
height: 489px;
background: url("bg.jpg") no-repeat;
padding-top: 190px;
padding-left: 55px;
}
li{
width:67px;
height:40px;
border-bottom: 1px #FFFFFF dashed;
line-height: 40px;
}
</style>
</head>
<body>
<ul>
<li>服装鞋帽</li>
<li>数码家电</li>
<li>运动户外</li>
<li>孕婴用品</li>
<li>厨卫家具</li>
</ul>
</body>
</html>