html這種導航欄怎麽做

主要還是在樣式切換，我有個類似的案例，妳可以看看，主要的代碼貼出來了，那就看妳的自學能力了

<div class="nav_bg ma_auto">

<ul>

<Li class="on"><a href="#">首頁</a></Li>

<li><a href="online_service_center.htm">在線服務</a></li>

<Li><a href="Structure.htm">組織架構</a></Li>

<li><a href="work_list_center.htm">工作簡報</a></li>

<li><a href="zscq.htm">知識產權相關常識</a></li>

<Li><a href="zlzs.htm">專利知識培訓服務</a></Li>

<li><a href="case.htm">案件審理公開</a></li>

</ul>

</div>

樣式部分：

.nav_bg li {

float: left;

display: inline;

height: 26px;

color: #fff;

font-size: 14px;

font-weight: 700;

padding: 0 20px;

margin: 0 5px;

line-height: 26px;

text-align: center;

border: 1px transparent solid;

border-radius: 5px;

behavior: url(css/PIE.htc);

position: relative;

}

.nav_bg li:hover, .nav_bg li.on {

cursor: pointer;

background: #fff;

border-top: 1px #000 solid;

border-left: 1px #000 solid;

}

上一篇:美特好自有品牌

下一篇:墻壁開關插座的選擇準則是什麽？