2015-12-04 74 views
-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; 
} 
+0

您是否获得无鼠标悬停时2px的边界? –

+0

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

+0

@Gendarme更好的方法是包含一个可执行的代码片段。 – Xufox

回答

1

border-bottombottom-border

+0

现在我希望我已经死了:D这是超级大声笑。但即时通讯的HTML和CSS的初学者,所以不会自杀只是:P –

+0

不用担心,这些事情发生:) – Elow

0

给navbar指定2px底部边框。

为您的导航链接指定一个2px底部边框,并将其设置为透明或导航栏的颜色(这会使边框看起来不存在)。

当在导航链接上方悬停时,将导航链接边框颜色更改为与导航边框相匹配。

这会给人一种感觉,那个链接的边框较粗。

相关问题