8.css列表样式

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>列表样式</title>
 6     <link rel="stylesheet" href="css/style.css">
 7 </head>
 8 <body>
 9 <div id="nav">
10     <h2 class="title">全部的商品分类</h2>
11     <ul>
12         <li><a href="#">图书</a>&nbsp;&nbsp;<a href="#">音像</a>&nbsp;&nbsp;<a href="#">数字商品</a></li>
13         <li><a href="#">家用电器</a>&nbsp;&nbsp;<a href="#">手机</a>&nbsp;&nbsp;<a href="#">数码</a></li>
14         <li><a href="#">电脑</a>&nbsp;&nbsp;<a href="#">办公</a></li>
15         <li><a href="#">家居</a>&nbsp;&nbsp;<a href="#">家装</a>&nbsp;&nbsp;<a href="#">厨具</a></li>
16         <li><a href="#">服饰鞋帽</a>&nbsp;&nbsp;<a href="#">个护化妆</a></li>
17         <li><a href="#">礼品箱包</a>&nbsp;&nbsp;<a href="#">钟表</a>&nbsp;&nbsp;<a href="#">珠宝</a></li>
18         <li><a href="#">食品饮料</a>&nbsp;&nbsp;<a href="#">保健食品</a></li>
19         <li><a href="#">彩票</a>&nbsp;&nbsp;<a href="#">旅行</a>&nbsp;&nbsp;<a href="#">充值</a>&nbsp;&nbsp;<a href="#">票务</a></li>
20     </ul>
21 </div>
22 
23 
24 </body>
25 </html>

8.css列表样式

 

 

上一篇:前端基础02——CSS详解


下一篇:HTML&CSS笔记