<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>加油</title> <style type="text/css"> *{margin:0;padding:0;font-size: 14px} ul{list-style: none;} a{text-decoration: none;display: block;height: 30px;line-height: 30px;width: 100px;background-color: #398439;margin-bottom: 1px;text-align: center} a:hover{background-color: #985f0d;color: #f5f5f5;text-align: center} li{float: left;} </style></html><body> <ul> <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>
4 回答
田心枫
TA贡献1064条经验 获得超383个赞
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>加油</title>
<style type="text/css">
*{margin:0;padding:0;font-size: 14px}
ul{list-style: none;margin: 0 auto;}
a{text-decoration: none;display: block;height: 30px;line-height: 30px;width: 100px;background-color: #398439;margin-bottom: 1px;text-align: center}
a:hover{background-color: #985f0d;color: #f5f5f5;text-align: center}
li{float: left;}
</style>
<body>
<ul style="height: 50px;background: red;">
<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/150
提交
取消