<!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="#">產(chǎn)品</a> </li> ? ? ? ?<li><a href="#">關(guān)于我們</a> </li> ? ? ? ?<li><a href="#">聯(lián)系我們</a> </li> ? ?</ul></body></html>
添加回答
舉報
0/150
提交
取消