導航我不想要方的，想要圓的，請問該怎么做？

ennnn

涼了個林

2019-12-12

源自：導航條菜單的制作 1-1

關注問題我要回答

709

操作

收起

2 回答

慕斯卡9403101 回答被采納 +2 積分
2019-12-15

<!doctype?html>
<html>
<head>
<meta?charset="utf-8">
<title>無標題文檔</title>
?<link?href="圓角邊.css"?type="text/css"?rel="stylesheet"?/>
</head>
<body>?
<ul>?
<li?class="on"><a?href="#">首?頁</a></li>?
????????????<li><a?href="#">聯(lián)系我們</a></li>
??????????????<li><a?href="#">新聞快訊</a></li>?
??????????????????<li><a?href="#">產(chǎn)品展示</a></li>?
???????????????????????<li><a?href="#">售后服務</a></li>?
?</ul>
?</body>
?</html>
?/*上面為HTML代碼*/
?/*下面是css外聯(lián)樣式代碼*/

@charset "utf-8"
?
?*{margin: 0;padding: 0; font-size: 20px}
ul{height: 50px;list-style: none;border-bottom: 5px solid #F36708;padding-left: 40px;}
li{float: left;margin-top: 20px;}
a{display: block;width: 120px;height: 30px;
?text-decoration: none;text-align: center;
?background:url("../decompression/《導航條菜單制作》課程源代碼/images/btnBg.png");color: black;
?background-color: aqua;}
.on ,a:hover{background-position: 0 -30px;color: #ED6A6D;}