CSS水平菜单

原创
2014/11/30 22:35
阅读数 19
<!DOCTYPE HTML>
<html>
<title>垂直导航菜单</title>
<style>	
	* {margin:0px; padding:0px; font-size:14px;}
	#nav {margin: 20px auto;}
	a {text-decoration:none; }
    ul {list-style:none; } /* or li*/
	ul li {width:80px; background:#ccc; margin-left:1px;  height:40px; line-height:40px;text-align:center; float:left;}	
	li a {display:block;} /*  text-indent:10px;*/
	a:hover {color:#fff; background-color:#f60; font-weight:bold;}
</style>
<body>
	<div id="nav">
		<ul>
			<li><a href="#">首页</a></li>
			<li><a href="#">新闻</a></li>
			<li><a href="#">视频</a></li>
		</ul>
	</div>
</body>
</html>


展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部