<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="list.html">關(guān)于慕課</a></li>
????????????????????????<li><a?href="list.html">新聞動態(tài)</a></li>
????????????????????????<li><a?href="list.html">課程中心</a></li>
????????????????????????<li><a?href="list.html">在線課程</a></li>
????????????????????????<li><a?href="list.html">人才招聘</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(images/nav_left.jpg)?no-repeat;
}
.nav_mid{
????width:?980px;
????background:?url(images/nav_bg.jpg)?repeat-x;
????line-height:?40px;
}
.nav_right{
????width:?10px;
????background:?url(images/nav_right.jpg)?no-repeat;
}
.nav_left,?.nav_mid,?.nav_right{
????height:40px;
????float:?left;
}/*各類有相同代碼，可這樣連寫*/
.nav_mid_left,.nav_mid_right{
????float:?left;
}
.nav_mid_left{
????width:?680px;
}
.nav_mid_right{
????width:?300px;
}
.nav_mid_left?li{
????float:?left;
????list-style:none;
????width:?100px;
????text-align:center;
????line-height:?40px;
}
.nav_mid_left?a:link,.nav_mid_left?a:visited{
????text-decoration:?none;
????color:?#FFF;
????font-size:16px;
????font-family:?"微軟雅黑"
}/*超鏈接的初始狀態(tài)和訪問狀態(tài)*/
.nav_mid_left?a:hover,.nav_mid_left?a:active{
????text-decoration:?none;
????color:?#FF0;
????font-size:16px;
????font-family:?"微軟雅黑"
}/*鼠標(biāo)經(jīng)過時和點(diǎn)擊時的狀態(tài)*/
.search_text{
????width:?190px;
????height:?25px;
????float:?left;
????margin-top:?5px;
????background:?url(images/search.jpg)?no-repeat?right?center;
????background-color:?#FFF;
????padding-right:?25px;/*字體不會與搜索圖標(biāo)重復(fù)*/
????border:1px?solid?#FFF;
}