html - 无法将链接与背景 div 颜色混合

Question

我试图在彩色 div 中放置一个链接，但它在链接文本所在的 div 中生成了这个奇怪的空框。我怎么解决这个问题？这是图片的链接，因为在我获得更多声誉之前，它不会让我发布图片。对不起... http://imgur.com/VhvjWox 这是我的css代码..

#second_page {
height:100px;
width:200px;
border-radius:5px;
background-color: blue;
display: table-cell;
vertical-align: middle;
text-align: center;
font-size: 30px;
}

因此，如果您能指出我做错了什么以及如何解决它，我将不胜感激。

Answer 1

可能在您的 css 中的其他地方，您将 a 的背景颜色设置为绿色。当我使用这种样式创建一个 div 并添加一个链接时，它工作正常。

Answer 2

您提供的代码工作得很好，这是一个小提琴

HTML

<div id="second_page">
    <a href="#">Hello</a>
</div>

CSS

#second_page {
    height:100px;
    width:200px;
    border-radius:5px;
    background-color: blue;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 30px;
}
a {
    color: #fff;
}