我有像下面的圖片CSS圓角半徑和背景填充的問題
頂部菜單正如你可以看到外的灰色邊框是圓角半徑。但所選的主菜單將其填充爲正方形。
我想要的是首頁選擇菜單應該相應地填寫。
這裏是我的CSS代碼
#navigation-wrap{width:100%; border-bottom: 1px solid #CCC;moz-box-shadow: 0px 5px 8px -2px #F5F5F5;-webkit-box-shadow: 0px 5px 8px -2px #F5F5F5;box-shadow: 0px 5px 8px -2px #F5F5F5;}
#navigation{margin:0 auto; border: 3px solid #CCC; border-bottom:none; position:absolute; right:0; top:0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 0px 4px #EEE; -webkit-box-shadow:0px 0px 4px #EEE; box-shadow:0px 0px 4px #EEE;}
#navigation ul{list-style:none;}
#navigation li{float:left; display:block; letter-spacing:1px; border-bottom: 3px solid #CCC;}
#navigation a{float:left; display:block; height: 30px; line-height:30px; position:relative; padding:0 10px; text-decoration:none; border-bottom: none;}
#navigation a:hover {background: #000; text-shadow: 1px 1px 1px #FFF; color:#fff;}
.current-menu-item a{background: #000; text-shadow: 1px 1px 1px #FFF; color:#fff;}
謝謝。
你好,謝謝你的答案。是的,我嘗試了#navigation a:first-child的建議,但對其他菜單也有效果,請欣賞此截圖http://i.imm.io/dkDb.png – knightrider 2011-12-22 05:06:06
更改':first -child'到':n-child(1)'。 – Purag 2011-12-22 05:08:23
感謝Purmou,但還沒有實現 – knightrider 2011-12-22 05:15:42