<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<頭>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>網頁效果代碼|http://www.downcodes.com/|---用CSS實現的一張圖完成的導航條</title>
<風格>
ul,li{ 列表樣式:無;浮動：左；}
正文{ 字體大小：12px;行高：1.6；字型系列:Verdana, "宋體", Arial;文字對齊：居中；}
#info li{ margin-left:4px;頂邊距：15px；}
#info a {顯示：區塊；文字對齊：中心；左內邊距：15px；
頂部填充：2px；底部填充：1px；背景圖像：
網址（ <ul>
<li id="car"> <a href="http://www.downcodes.com/" target="_blank"> <span>
遊戲</span></a></li>
<li id="job"> <a href="http://www.downcodes.com/" target="_blank"> <span>
娛樂</span></a></li>
<li id="eve"> <a href="http://www.downcodes.com/" target="_blank"> <span>
選單</span></a></li>
<li id="oth"> <a href="http://www.downcodes.com/" target="_blank"> <span>
好玩</span></a></li>
</ul>
</div>
<div style="clear:both">休閒請商務出處子鼠<a href=" http://www.zishu.cn " target="_blank">
http://www.zishu.cn</a>作者：子鼠</div>
</正文>
</html>