今天闲着没事就练练自己的CSS吧，写个简单的导航样式（仿360导航）
<html>
<head>
<style>
li{float:left;margin:10px;list-style:none;}
a{height:25px;display:inline-block;text-decoration:none;font:微软雅黑;color:black;}
a:hover{border-bottom:#3eaf0e 2px solid;cursor:pointer;color:#3eaf0e}
</style>
<head>
<body>
<div>
<ul>
<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>
<li><a href="#">音乐</a></li>
<li><a href="#">地图</a></li>
<li><a href="#">良医</a></li>
</ul>
</div>
</body>
</html>
扫一扫
265
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
