<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>导航栏</title><style>.box{height:40px;border-top: 3px solid red;border-bottom: 1px solid lightpink;text-align: center;}.box a{width: 80px;height: 40px;display: inline-block;text-align: center;line-height: 40px;font-size: 12px;color: #999999;text-decoration: none;}.box a:hover{background-color: seagreen;color: black;}.mod_copyright {text-align: center;padding-top: 20px;}.links {margin-bottom: 15px;}.links a {margin: 0 3px;}.copyright {line-height: 20px;}</style>
</head>
<body>
<div class="box"><a href="#">首页</a><a href="#">登录</a><a href="#">新闻</a><a href="#">消息</a>
</div>
<div class="mod_copyright"><div class="links"><a href="#">关于我们</a><a href="#">联系我们</a><a href="#">关于我们</a><a href="#">联系我们</a><a href="#">关于我们</a><a href="#">联系我们</a></div><div class="copyright">地址：上海市浦东新区九三西路九三集团办公室一层</div>
</div>
</body>
</html>运行效果图：
记得点赞，加关注哦！
