html这种导航栏怎么做
2个回答
展开全部
主要还是在样式切换,我有个类似的案例,你可以看看,主要的代码贴出来了,那就看你的自学能力了
<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;
}
<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;
}
上海钇视科技
2024-11-08 广告
2024-11-08 广告
作为上海钇视科技有限公司的工作人员,对于网页3D展示嵌入技术有所了解。网页3D展示嵌入是指将3D模型嵌入到网页中,以便用户能够更直观地查看和交互。要实现这一功能,首先需要选择合适的3D模型文件格式,如obj、fbx、gltf等。然后,可以使...
点击进入详情页
本回答由上海钇视科技提供
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |