爲什麼這段代碼沒有在導航欄下邊框？

-3

我想在我的導航欄下有一個簡單的薄邊框，它只有在我懸停的鏈接下才會變得稍微厚一些。我嘗試使用下面的代碼來做這件事，但由於某種原因它不起作用。我如何使它工作？爲什麼這段代碼沒有在導航欄下邊框？

#top-menu ul li a 
{ 
    display: block; 
    float: left; 
    width: 80px; 
    max-height: 15px; 
    text-align: center; 
    margin: 0; 
    padding: 10px 0; 
    text-decoration: none; 
    font-size: 11pt; 
    color: rgb(0,0,0); 
    background-color: rgb(255,255,255); 
    bottom-border: rgb(0,0,0) solid 2px; 
} 

#top-menu ul li a:hover 
{ 
    bottom-border: rgb(0,0,0) solid 4px; 
}

來源

2015-12-04 Mark S

您是否獲得無鼠標懸停時2px的邊界？ –

粘貼一些HTML代碼。 www.jsfiddle.net是共享代碼的好方法。 – Gendarme

@Gendarme更好的方法是包含一個可執行的代碼片段。 – Xufox

它border-bottom不bottom-border

來源

2015-12-04 18:11:02 Elow

現在我希望我已經死了：D這是超級大聲笑。但即時通訊的HTML和CSS的初學者，所以不會自殺只是：P –

不用擔心，這些事情發生:) – Elow

給navbar指定2px底部邊框。

爲您的導航鏈接指定一個2px底部邊框，並將其設置爲透明或導航欄的顏色（這會使邊框看起來不存在）。

當在導航鏈接上方懸停時，將導航鏈接邊框顏色更改爲與導航邊框相匹配。

這會給人一種感覺，那個鏈接的邊框較粗。

來源

2015-12-04 18:00:30 Flignats

爲什麼這段代碼沒有在導航欄下邊框？

回答

相關問題