以下是HTML代碼
<div?class="nav">
??<div?class="nav_left"></div>
??<div?class="nav_mid">
????<div?class="nav_mid_left">
??????<ul>
????????<li><a?href="#">關(guān)于</a></li>
????????<li><a?href="#">動(dòng)態(tài)</a></li>
????????<li><a?href="#">按類型分類</a></li>
????????<li><a?href="#">按機(jī)構(gòu)分類</a></li>
????????<li><a?href="#">按風(fēng)險(xiǎn)分類</a></li>
????????<li><a?href="#">聯(lián)系我們</a></li>
??????</ul>
????</div>
????<div?class="nav_mid_right">
??????<form?action=""?method="post">
????????<input?type="text"?class="search_text"/>
??????</form>
????</div>
??</div><!--nav_mid結(jié)束-->
??<div?class="nav_right"></div>
</div><!--nav結(jié)束-->




以下是CSS代碼
.nav{height:40px;}

.nav_left{width:10px;
background:url(../%E7%B4%A0%E6%9D%90%E5%8C%85/images/nav_left.jpg)?no-repeat;
}

.nav_mid{width:980px;
background:url(../%E7%B4%A0%E6%9D%90%E5%8C%85/images/nav_bg.jpg)?repeat-x;
line-height:40px;}

.nav_right{width:10px;
background:url(../%E7%B4%A0%E6%9D%90%E5%8C%85/images/nav_right.jpg)?no-repeat;
}

.nav_left,.nav_mid,.nav_right{
height:40px;
float:left;
display:inline;}

.nav_mid_left,.nav_mid_right{float:left;
display:inline;}

.nav_mid_left{width:680px;}

.nav_mid_right{width:300px;}




.nav_mid?li?{
	float:?left;
	list-style-type:?none;
	width:?100px;
	font-family:?"微軟雅黑";
	text-align:?center;
}
.nav_mid?a:link,?.nav_mid?a:visited?{
	font-size:?16px;
	color:?#FFF;
	text-decoration:?none;
}
.nav_mid?a:hover,?.nav_mid?a:active?{
	font-size:?16px;
	color:?#FF0;
	text-decoration:?none;