<!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>
1 回答
其实我真的不是东北人
TA贡献105条经验 获得超66个赞
我不知道你想要什么效果。 改了一下。
<!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>
- 1 回答
- 0 关注
- 1160 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消