一个普通的导航栏

weixin_34130269

于 2016-01-21 14:34:00 发布

阅读量147

点赞数

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/mtime/blog/607400

为什么80%的码农都做不了架构师？>>>

<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<style type="text/css">
		body,div,ul,li{margin:0;padding:0;}
		#nav{width:960px;height:35px;background:#CCC;margin:0 auto;margin-top:30px;}
		#nav ul{width:960px;height:35px;}
		#nav ul li{height:35px;text-align:center;line-height:35px;float:left;list-style:none;}
		#nav ul li a{font-size:12px;color:#333;text-decoration:none;height:35px;display:block;float:left;padding:0 10px;}
		#nav ul li a:hover{color:#fff;text-decoration:underline;background:#000;}
		.clear{clear:both;}
		</style>
	</head>
	<body>
		<div id="nav">
			<ul>
			<li><a href=#>W3Cfuns</a></li>
			<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>
		
		</div>
		
	</body>
</html>

转载于:https://my.oschina.net/mtime/blog/607400