32款具有獨特風格的網站導航設計

<!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”><head><meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ /><style type=”text/css”><!–#siteNav {clear: both;float:left;width:750px;padding-left: 1px;background: #fff;font-size:12px;font-weight: bold;line-height:normal;border-bottom:2px solid #84B0C7;voice-family: “\”}\””;voice-family: inherit;width: 749px;}#siteNav ul {margin:0;padding:0;list-style:none;}#siteNav li {display:inline;margin:0;padding:0;}#siteNav a {float:left;background:url(//images.sj33.cn/uploads/allimg/200710/20071018010517757.gif) no-repeat left top;margin:0;padding:0 0 0 4px;text-decoration:none;}#siteNav a span {float:left;display:block;background:url(//images.sj33.cn/uploads/allimg/200710/20071018010517990.gif) no-repeat right top;padding:5px 11px 4px 5px;color:#036;}/* Commented Backslash Hack hides rule from IE5-Mac \*/#siteNav a span {float:none}/* End IE5-Mac hack */#siteNav a:hover span {color:#036;}#siteNav a:hover {background-position:0% -42px;}#siteNav a:hover span {background-position:100% -42px;}#siteNav #sel a {background-position:0% -42px;}#siteNav #sel a span {background-position:100% -42px;}–></style><title>Demo</title></head><body><ul><li id=”sel”><a href=”#”>首頁</a></li><li><a href=”#”>資訊</a></li><li><a href=”#”>人物</a></li><li><a href=”#”>管理</a></li><li><a href=”#”>經營</a></li><li><a href=”#”>財經</a></li><li><a href=”#”>技術</a></li><li><a href=”#”>產品</a></li><li><a href=”#”>網絡</a></li><li><a href=”#”>電信</a></li><li><a href=”#”>評論</a></li><li><a href=”#”>博客</a></li><li><a href=”#”>老友記</a></li><li><a href=”#”>滾動</a></li><li><a href=”#”>搜索</a></li><li><a href=”#”>WAP</a></li></ul></body></html>

[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運行]

亚洲伊人久久大香线蕉,无码纯肉动漫在线观看,久久伊人热热精品中文字幕

32款具有獨特風格的網站導航設計

CSS代碼:模擬制作techweb網站導航