我想在我的导航栏下有一个简单的薄边框,它只有在我悬停的链接下才会变得稍微厚一些。我尝试使用下面的代码来做这件事,但由于某种原因它不起作用。我如何使它工作?为什么这段代码没有在导航栏下边框?
#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;
}
您是否获得无鼠标悬停时2px的边界? –
粘贴一些HTML代码。 www.jsfiddle.net是共享代码的好方法。 – Gendarme
@Gendarme更好的方法是包含一个可执行的代码片段。 – Xufox