Question

就像标题所说，我不能将元素的背景变成一种纯色。相反，我的代码使每一行成为颜色。我甚至尝试将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 s background-color。您要设置background-color的元素需要是块级元素（div是），您可以将元素设置为显示为display: block;的块级元素，否则它将只需为内联内容的背景着色。

Answer 2

你正在设计锚点，它只会调整其中的样式。尝试类似：

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

然后设置.teaser-title-top

的样式

Answer 3

与其他答案一样，您可以设置包装元素的样式。但是，如果您想直接设置锚文本的样式，请尝试此...

问题是文字的行高。如你所见，它是间隔的。如果你。与文本大小相比，行的高度更大。

例如，设置#bottom a { line-height: 100%; }（这是设置为字体大小），你会看到差距消失。你也会看到间距消失了。您可以使用顶部/底部填充“恢复”间距，以及更改行高。

Answer 4

试试希望它有效

#bottom .teaser-title-top {
      color: white;
}

在你的css文件中

链接背景是每行一行而不是一个坚实的背景，修复？

4 个答案: