32款具有獨特風(fēng)格的網(wǎng)站導(dǎo)航設(shè)計

<!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=”#”>經(jīng)營</a></li><li><a href=”#”>財經(jīng)</a></li><li><a href=”#”>技術(shù)</a></li><li><a href=”#”>產(chǎn)品</a></li><li><a href=”#”>網(wǎng)絡(luò)</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 全部選擇提示：你可先修改部分代碼，再按運行]

中文字幕奈奈美被公侵犯,日韩欧美偷拍高跟鞋精品一区,久久人妻无码一区二区三区av

32款具有獨特風(fēng)格的網(wǎng)站導(dǎo)航設(shè)計

CSS代碼:模擬制作techweb網(wǎng)站導(dǎo)航