li块级中line-height增大，文字位置也变化，想请教大神们文字是怎么跟着定位的？谢谢！
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style>
*{margin:0;padding:0;font-size:20px;}
ul{width:100px;}
li{height:100px;
line-height:200px;
width:100px;
background:#CCC;
margin-bottom:1px;
}
a{text-decoration:none;}
</style>
</head>
<body>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">新闻快讯</a></li>
<li><a href="#">产品展示</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</body>
</html>
慕先生9415357浏览 1161回答 1
1回答
-
其实我真的不是东北人
我不知道你想要什么效果。 改了一下。<!DOCTYPE HTML><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <style> *{margin:0;padding:0;font-size:20px;} ul{ width:100px; } a{ text-decoration:none; } ul li a { display: block; width:100%; text-align:center; padding:10px 0; background:#f6f6f6; } ul li a:hover { background:#e6e6e6; } </style></head><body><ul> <li><a href="#">首页</a></li> <li><a href="#">新闻快讯</a></li> <li><a href="#">产品展示</a></li> <li><a href="#">联系我们</a></li></ul></body></html>
随时随地看视频慕课网APP
Html/CSS