<!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>
2 回答
- 2 回答
- 0 关注
- 1204 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消