代码一样 可是为什么没有想要的效果呢
<!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>
慕数据9493197浏览 1817回答 4
4回答
-
奶油面包
不知道你要什么效果，换个浏览器试试吧 -
田心枫
<!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>在看看这份代码就明白了 -
田心枫
这是什么代码？？？
随时随地看视频慕课网APP
CSS3
Html/CSS
前端工具