码迷,mamicode.com
首页 > 其他好文 > 详细

水平的菜单按钮

时间:2016-02-26 00:33:14      阅读:241      评论:0      收藏:0      [点我收藏+]

标签:

<html>
<head>
<style type="text/css">
ul
{
float:left;
width:100%;
padding:1;
margin:1;
list-style-type:none;
}
a
{
float:left;
width:7em;
text-decoration:none;
color:white;
background-color:purple;
padding:0.2em 0.6em;
border-right:1px solid white;
}
a:hover {background-color:#ff3300}
li {display:inline}
</style>
</head>
<body>
<ul>
<li><a href="#">Link one</a></li><!--并没有设置链接-->
<li><a href="#">Link two</a></li>
<li><a href="#">Link three</a></li>
<li><a href="#">Link four</a></li>
</ul>
</body>
</html>

其实个人感觉做导航也不错。

水平的菜单按钮

标签:

原文地址:http://www.cnblogs.com/webgavin/p/5218640.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!