<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>导航条</title>
<style type="text/css">
.menu{
width: 700px;
height: 40px;
border: 0;
margin: 50px auto 0;
list-style: none;
padding: 0;
line-height: 40px;
text-align: center;
font-size: 0;
background: #55a8ea;
}
.menu li{
display: inline-block;
width: 100px;
text-align: center;
line-height: 40px;
}
.menu a{
text-decoration: none;
font-size: 14px;
font-family: Microsoft Yahei;
color: white;
}
.menu .active{
background: #00619f;
}
</style>>
</head>
<body>
<ul class="menu">
<li class="active"><a href="">首页</a></li>
<li><a href="">网站建设</a></li>
<li><a href="">程序开发</a></li>
<li><a href="">网络营销</a></li>
<li><a href="">企业VI</a></li>
<li><a href="">案例展示</a></li>
<li><a href="">联系我们</a></li>
</ul>
</body>
</html>
简单导航条,求指点代码哪里有问题
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
2条回答 默认 最新
- 不停哥哥 2020-05-07 13:38关注
您的 .menu .active{
background: #00619f;
}
应该替换为
.menu li:hover{
background: #00619f;
}
,您怕是要的这个效果吧本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥15 使用C#,asp.net读取Excel文件并保存到Oracle数据库
- ¥15 C# datagridview 单元格显示进度及值
- ¥15 thinkphp6配合social login单点登录问题
- ¥15 HFSS 中的 H 场图与 MATLAB 中绘制的 B1 场 部分对应不上
- ¥15 如何在scanpy上做差异基因和通路富集?
- ¥20 关于#硬件工程#的问题,请各位专家解答!
- ¥15 关于#matlab#的问题:期望的系统闭环传递函数为G(s)=wn^2/s^2+2¢wn+wn^2阻尼系数¢=0.707,使系统具有较小的超调量
- ¥15 FLUENT如何实现在堆积颗粒的上表面加载高斯热源
- ¥30 截图中的mathematics程序转换成matlab
- ¥15 动力学代码报错,维度不匹配