<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>圆角菜单</title>
<style type="text/css">
*{margin:0; padding:0; font-size: 14px;}
ul{list-style: none;border-bottom:5px solid #FF3300 ;/*width: 100px;*/margin-top: 30px;height: 30px;padding-left:30px; }
li{float: left;}
a {
text-decoration: none;color: #000;
display: block;
text-align: center;/*text-indent:20px;*/
line-height: 30px;height: 30px;background-color: #999999;width: 100px;border-bottom: 1px;
border-radius: 5px 5px 0 0;
}
/*.on{background-color:red;color: #ffffff;}*/
.on, a:hover{background-color:#FF3300;color: #ffffff;border-radius: 5px 5px 0 0;}
</style>
</head>
<body>
<ul class="nav">
<li><a class="on" href="#">首页</a> </li>
<li><a href="#">产品</a> </li>
<li><a href="#">关于我们</a> </li>
<li><a href="#">联系我们</a> </li>
</ul>
</body>
</html>
qq_良药苦口_0
Diandiandian