以下是HTML代码
<div class="nav">
  <div class="nav_left"></div>
  <div class="nav_mid">
    <div class="nav_mid_left">
      <ul>
        <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>
      </ul>
    </div>
    <div class="nav_mid_right">
      <form action="" method="post">
        <input type="text" class="search_text"/>
      </form>
    </div>
  </div><!--nav_mid结束-->
  <div class="nav_right"></div>
</div><!--nav结束-->




以下是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;