Html+css+div+ul+li制作Web前端导航菜单。
2015-08-23 11:22
1161 查看
<html>
<head>
<meta charset="utf-8" \>
<title>横向菜单</title>
<style>
#menu{
list-style:none;
border:1px solid black;
padding:0px;
height:50px;
margin-bottom:0px;
}
#menu li{
float:left;
border:1px solid black;
margin-left:12px;
padding:12px;
}
</style>
</head>
<body>
<ul id="menu">
<li>首页</li>
<li>笑话</li>
<li>新闻</li>
<li>图片</li>
</ul>
<br/>
PS:注意 给ui设置高度让它撑起即可！还要注意设置 padding内边距 margin外边距
</body>
</html>
<head>
<meta charset="utf-8" \>
<title>横向菜单</title>
<style>
#menu{
list-style:none;
border:1px solid black;
padding:0px;
height:50px;
margin-bottom:0px;
}
#menu li{
float:left;
border:1px solid black;
margin-left:12px;
padding:12px;
}
</style>
</head>
<body>
<ul id="menu">
<li>首页</li>
<li>笑话</li>
<li>新闻</li>
<li>图片</li>
</ul>
<br/>
PS:注意 给ui设置高度让它撑起即可！还要注意设置 padding内边距 margin外边距
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 