简单的导航栏设计
<html>
<meta http-equiv="Content-Type" content="text/html charset=utf-8">
<head>
<link type="text/css" href="css/css.css" rel="stylesheet" />
</head>
<body>
<div class="nav">
<ul>
<li> <a href="https://www.baidu.com/" class="h2">百度</a></li>
<li> <a href="#" class="h2">谷歌</a></li>
<li> <a href="#" class="h2">雅虎</a></li>
</ul>
</div>
</body>
</html>.nav{width:200px;}
.nav ul li{width:200px;height:36px;line-height:36px;text-align:center;list-style-type:none;}
.nav ul li a{display:block;width:200px;height:34px;border-bottom:solid 1px #CCC;}
.nav ul li a:hover{background:url(../images/1.jpg) no-repeat;color:#FFF;}
.h2{font-family:"微软雅黑";font-size:24px;color:#666;}本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2015年05月06日，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读