<!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>