以下是CSS內容部分： <style> /*子鼠*/ 正文{ 字體大小：12px;文字對齊：居中；上邊距：30px；字型系列：Verdana;} div,img{邊距:0;填充：0；邊框：0；} ul,li{列表樣式類型：無；保證金：0；填充：0；向左飄浮; } #info{ 左邊距：自動；右邊距：自動；寬度：760px；文字對齊：左；} #new{ 上邊距：-12px；位置：絕對；左邊距：-12px；} #nav{ 高度：30px;寬度：610px；左邊距：自動；右邊距：自動；} #nav li{margin-left:1px;高度：30px；} #nav li a{ 顯示：塊；浮動：左；文字裝飾：無；背景圖片：url(uploadfiles0/r200652134132.gif)；背景重複：不重複；顯示：塊；背景位置：左上角；} #nav a span{遊標：手；顏色：#000；背景圖片：url(uploadfiles0/v200652134115.gif)；背景重複：不重複；顯示：區塊；背景位置：右上角；內邊距：7px 10px 6px 10px；向左飄浮; } #nav li a:active,#nav li a:hover {margin-top:0px; } #nav li a:活動範圍,#nav li a:懸停範圍{padding:10px 10px 6px 10px;上邊距：0px；顯示：塊；顏色：#FFF;} #zishu01 a:link,#zishu01 a:造訪過{背景位置: 0px -27px;} #zishu01 a:連結span,#zishu01 a:訪問span{background-position:right -27px;padding:10px 10px 6px 10px;上邊距：0；顏色：#FFF；字體粗細：粗體；} #zishu02 a,#zishu03 a,#zishu04 a,#zishu05 a,#zishu06 a,#zishu07 a,#zishu08 a,#zishu09 a,#zishu10 a,#zishu11 a{margin-top:3px} #zishu02 a:active,#zishu02 a:hover {背景位置: 0px -57px;} #zishu02 a:活動範圍,#zishu02 a:懸停範圍{background-position:right -57px;} #zishu03 a:active,#zishu03 a:hover {背景位置: 0px -87px;} #zishu03 a:活動範圍,#zishu03 a:懸停範圍{background-position:right -87px;} #zishu04 a:active,#zishu04 a:hover {背景位置: 0px -117px;} #zishu04 a:活動範圍,#zishu04 a:懸停範圍{background-position:right -117px;} #zishu05 a:active,#zishu05 a:hover {背景位置: 0px -147px;} #zishu05 a:活動範圍,#zishu05 a:懸停範圍{background-position:right -147px;} #zishu06 a:active,#zishu06 a:hover {背景位置: 0px -177px;} #zishu06 a:活動範圍,#zishu06 a:懸停範圍{background-position:right -177px;} #zishu07 a:active,#zishu07 a:hover {背景位置: 0px -207px;} #zishu07 a:活動範圍,#zishu07 a:懸停範圍{background-position:right -207px;} #zishu08 a:active,#zishu08 a:hover {背景位置: 0px -237px;} #zishu08 a:活動範圍,#zishu08 a:懸停範圍{background-position:right -237px;} #zishu09 a:active,#zishu09 a:hover {背景位置: 0px -267px;} #zishu09 a:活動範圍,#zishu09 a:懸停範圍{background-position:right -267px;} #zishu10 a:active,#zishu10 a:hover {背景位置: 0px -297px;} #zishu10 a:活動範圍,#zishu10 a:懸停範圍{background-position:right -297px;} #zishu11 a:連結span,#zishu11 a:訪問span{color:#FF6600;} #zishu11 a:active,#zishu11 a:hover {背景位置: 0px -327px;}#zishu11 a:active span,#zishu11 a:hover span{background-position:right -327px;} #menu{ width:760px; height:26px; background:#FF9900;} #r1{border-top: 0px;border-bottom: 0px; border-left:3px solid #fff;border-right:3px solid #fff; height:1px; overflow:hidden;} #r2{border-top: 0px;border-bottom: 0px; border-left:2px solid #fff;border-right:2px solid #fff; height:1px; overflow:hidden;} #r3{border-top: 0px;border-bottom: 0px; border-left:1px solid #fff;border-right:1px solid #fff; height:1px; overflow:hidden;} </style> 以下是引用片段： <div id="info"> <div id="nav"> <ul> <li id="zishu01"><a href="http://www.xfbbs.com"><span>首頁</span></a></li> <li id="zishu02"><a href="http://www.xfbbs.com"><span>數位通訊</span></a></li> <li id="zishu03"><a href="http://www.xfbbs.com"><span>女人</span></a></li> <li id="zishu04"><a href="http://www.xfbbs.com"><span>男人</span></a></li> <li id="zishu05"><a href="http://www.xfbbs.com"><span>家居</span></a></li> <li id="zishu06"><a href="http://www.xfbbs.com"><span>書音像</span></a></li> <li id="zishu07"><a href="http://www.xfbbs.com"><span>運動</span></a></li> <li id="zishu08"><a href="http://www.xfbbs.com"><span>遊戲</span></a></li> <li id="zishu09"><a href="http://www.xfbbs.com"><span>寵物</span></a></li> <li id="zishu10"><a href="http://www.xfbbs.com"><span>香港街</span></a></li> <li id="zishu11"><a href="http://www.xfbbs.com"><span>淘寶商城</span></a></li># <li><div id="new"><img src="uploadfiles0/x200652135342.gif" alt="CSS仿淘寶首頁導覽條版面效果_經驗交流"></div></li># </ul> </div> <div id="menu"> <div id="r1"></div> <div id="r2"></div> <div id="r3"></div> <div></div> </div> </div> <p>仿淘寶網首頁導覽條效果 轉載請註明出處 子鼠 www.zishu.cn 2006-05-21 凌晨03:05分</p> [Ctrl A 全選 注意:如需引入外部Js需刷新才能執行]
