导航条模版（html）

最新推荐文章于 2023-10-13 17:08:46 发布

王孙悟空

最新推荐文章于 2023-10-13 17:08:46 发布

阅读量2.6k

点赞数

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>小小简单大方通用导航条</title> 
<!--=================================-->
<style>
body, div, ul, li{margin:0; padding:0;font-style: normal;font:12px/22px "\5B8B\4F53",Arial, Helvetica, sans-serif} 
ol, ul ,li{list-style:none} 
img {border: 0; vertical-align:middle} 
body{color:#000000;background:#FFF; text-align:center} 
.clear{clear:both;height:1px;width:100%; overflow:hidden; margin-top:-1px} 
a{color:#000000;text-decoration:none}  
a:hover{color:#BA2636} 
 
.red ,.red a{ color:#F00} 
.lan ,.lan a{ color:#1E51A2} 
.pd5{ padding-top:5px} 
.dis{display:block} 
.undis{display:none} 
 
ul#nav{ width:100%; height:60px; background:#00A2CA;margin:0 auto} 
ul#nav li{display:inline; height:60px} 
ul#nav li a{display:inline-block; padding:0 20px; height:60px; line-height:60px; 
color:#FFF; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:16px} 
ul#nav li a:hover{background:#0095BB} 
</style>
</head> 
<body> 
<ul id="nav"> 
<li><a href="#">修改密码</a></li> 
<li><a href="#">查看所有工资记录</a></li> 
<li><a href="#">查看本年工资记录</a></li> 
<li><a href="#">查看本月工资记录</a></li> 
<li><a href="#">查看等级表</a></li> 
<li><a href="#">退出</a></li> 
</ul>        
</body> 
</html>

王孙悟空

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
导航条模版（html）

小小简单大方通用导航条 body, div, ul, li{margin:0; padding:0;font-style: normal;font:12px/22px "\5B8B\4F53",Arial, Helvetica, sans-serif} ol, ul ,li{list-style:none} img {border: 0; vertical-align:middle}
复制链接

扫一扫