html - 链接背景是一行一行而不是纯色背景，修复了吗？

Question

正如标题所说，我无法将 a 元素的背景设置为纯色。相反，我的代码使每一行都具有颜色。我什至尝试将 php 元素包装在一个新的 div 中并设置该背景颜色，但它做同样的事情。任何建议都是有用的。

网站:http://www.whatsatyourcore.com , 底部小部件标题

HTML: <a class="teaser-title-top" title="Social customer service and your marketing strategy" href="http://whatsatyourcore.com/?p=78"> Social customer service and your marketing strategy</a>

CSS:

.teaser-title-top { background: black;} 


a.teaser-title-top {
color: #fff;}

上面的“代码框”就是一个例子。第一个是我的标题的背景。第二个是我想要的。

Answer 1

如果您将它包装在 div 中并设置该 div 的 background-color 应该可以。您设置 background-color 的元素需要是 block 级元素(div 是)您可以将元素设置为显示为 block 级元素display: block; 否则它只会为内联内容的背景着色。