<!DOCTYPE html>
<html>
<head>
<meta charset="#"utf-8">
<title>有序列表</title>
</head>
<style type="text/css">
a:hover{color: red;}
a{
color: #666;
text-decoration: none;
font-size: 14px;
color: #333;
-webkit-transition: color .2s ease;
transition: color .2s ease;
:
}
</style>
<body>
<ol type start>
把大象装冰箱,总共分以下三步
<li>打开冰箱门</li>
<li>放进大象</li>
<li>关门</li>
</ol>
<ul type="none">
<li><a href="#">家用电器</a></li>
<li><a href="#">手机</a>/<a href="#">运营商</a></li>
<li><a href="#">数码</a>/<a href="#">电脑</a>/<a href="#">办公</a></li>
<li><a href="#">家居</a>/<a href="#">家具</a>/<a href="#">家装</a>/<a href="#">厨具</a></li>
<li><a href="#">男装</a>/<a href="#">女装</a>/<a href="#">童装</a>/<a href="#">内衣</a></li>
<li><a href="#">美妆</a>/<a href="#">个护清洁</a>/<a href="#">宠物</a></li>
<li><a href="#">女鞋</a>/<a href="#">箱包</a>/<a href="#">钟表</a>/<a href="#">珠宝</a></li>
<li><a href="#">男鞋</a>/<a href="#">运动</a>/<a href="#">户外</a></li>
<li><a href="#">户外</a>/<a href="#">房产</a>/<a href="#">汽车</a>/<a href="#">汽车用品</a></li>
<li><a href="#">母婴</a>/<a href="#">玩具乐器</a></li>
<li><a href="#">食品</a>/<a href="#">酒类</a>/<a href="#">生鲜</a>/<a href="#">特产</a></li>
<li><a href="#">艺术</a>/<a href="#">礼品鲜花</a>/<a href="#">农牧园艺</a></li>
<li><a href="#">医药保健</a>/<a href="#">计生情趣</a></li>
<li><a href="#">图书</a>/<a href="#">文娱</a>/<a href="#">教育</a>/<a href="#">电子书</a></li>
<li><a href="#">机票</a>/<a href="#">酒店</a>/<a href="#">旅游</a>/<a href="#">生活</a></li>
<li><a href="#">支付</a>/<a href="#">白条</a>/<a href="#">保险</a>/<a href="#">企业金融</a></li>
<li><a href="#">安装</a>/<a href="#">维修</a>/<a href="#">清洗</a>/<a href="#">二手</a></li>
<li><a href="#">工业品</a>/<a href="#">元器件</a></li>
</ul>
</body>
</html>
ol li 有序列表
ul li 无序列表