html的这个导航栏怎么做?

主要在风格切换上,我有一个类似的案例,你可以看看,主要代码都贴出来了,就看你的自学能力了。

& ltdiv class="nav_bg ma_auto " >

& ltul & gt

& lt李class = " on " & gt& lta href = " # " & gt主页

& lt李& gt& lta href = " online _ service _ center . htm " & gt。联机服务

& lt李& gt& lta href="Structure.htm " >组织结构

& lt李& gt& lta href = " work _ list _ center . htm " & gt;工作简报

& lt李& gt& lta href = " zscq.htm " & gt知识产权相关常识

& lt李& gt& lta href = " zlzs.htm " & gt专利知识培训服务

& lt李& gt& lta href = " case.htm " & gt这个案件的审判是公开的

& lt/ul & gt;

& lt/div & gt;

样式部分:

。导航_背景李{

浮动:左;

显示:内嵌;

高度:26px

颜色:# fff

font-size:14px;

字体粗细:700;

填充:0 20px

保证金:0 5px

行高:26px

文本对齐:居中;

边框:1px透明实心;

边框半径:5px

行为:URL(CSS/pie . HTC);

位置:相对;

}

。nav_bg李:悬停,。nav_bg li.on {

光标:指针;

背景:# fff

border-top:1px # 000 solid;

border-left:1px # 000 solid;

}