1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>淘寶女裝分類頁面</title> 6 <link href="css/本章作業5.css" rel="stylesheet" type="text/css"/> 7 </head> 8 <body> 9 <ul> 10 <li>夏季流行<hr/></li> 11 <li><a href="">夏季新品</a> <a href="">雪紡裙</a> <a href="">短袖T</a> <a href="">鉛筆褲</a> <a href="">短褲</a> <a href="">短袖襯衫</a> <a href="">小腳牛仔褲</a> <a href="">開衫</a> <a href="">蕾絲/雪紡衫</a> <a href="">韓版外套</a> <a href="">小西裝</a> <a href="">中長款裙</a></li> 12 <li>上裝<hr/></li> 13 <li><a href="">T恤</a> <a href="">襯衫</a> <a href="">針織衫</a> <a href="">長袖T</a> <a href="">韓版T</a> <a href="">情侶衫</a> <a href="">雪紡襯衫</a> <a href="">韓版襯衫</a> <a href="">防曬衣</a> <a href="">休閑套裝</a> <a href="">衛衣</a> <a href="">背心/吊帶</a></li> 14 <li>裙子<hr/></li> 15 <li><a href="">連衣裙</a> <a href="">半身裙</a> <a href="">長裙</a> <a href="">短袖裙</a> <a href="">蕾絲連衣裙</a> <a href="">長袖裙</a> <a href="">無袖/背心裙</a> <a href="">A字裙</a> <a href="">牛仔裙</a> <a href="">半身中長裙</a> <a href="">半身短裙</a> <a href="">包臀裙</a></li> 16 <li>褲子<hr/></li> 17 <li><a href="">褲子</a> <a href="">休閑褲</a> <a href="">牛仔褲</a> <a href="">打底褲</a> <a href="">長褲</a> <a href="">哈倫褲</a> <a href="">闊腿褲</a> <a href="">短褲/熱褲</a> <a href="">連體褲</a> <a href="">七/九分褲</a> <a href="">牛仔短褲</a> <a href="">西裝褲</a></li> 18 <li>其他女裝<hr/></li> 19 <li><a href="">胖M裝</a> <a href="">中老年</a> <a href="">婚紗</a> <a href="">禮服</a> <a href="">旗袍</a> <a href="">夜店</a> <a href="">舞台裝</a> <a href="">唐裝</a> <a href="">職業裝</a> <a href="">全球購</a> <a href="">羊絨衫</a> <a href="">毛衣</a> <a href="">呢大衣</a> <a href="">羽絨服</a> <a href="">真皮皮衣</a></li> 20 </ul> 21 </body> 22 </html> 23 li{ 24 list-style: none; 25 } 26 li:nth-child(odd){ 27 text-indent:2.5em; 28 font-size: 18px; 29 font-weight: bold; 30 line-height: 3; 31 } 32 li:nth-child(even){ 33 font-size: 12px; 34 line-height: 2; 35 } 36 li:nth-of-type(1){ 37 background: url("../image/dress01.png") no-repeat 0 8px; 38 } 39 li:nth-of-type(3){ 40 background: url("../image/dress02.png") no-repeat 0 8px; 41 } 42 li:nth-of-type(5){ 43 background: url("../image/dress03.png") no-repeat 0 8px; 44 } 45 li:nth-of-type(7){ 46 background: url("../image/dress04.png") no-repeat 0 8px; 47 } 48 li:nth-of-type(9){ 49 background: url("../image/dress05.png") no-repeat 0 8px; 50 } 51 a{ 52 text-decoration: none; 53 color: black; 54 } 55 a:hover{ 56 text-decoration: underline; 57 color: #F60; 58 }