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