0

就像标题说的那样，我无法将 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;}

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

4

4 回答 4

1

如果你将它包装在 a 中并div设置它应该可以工作。您设置的元素需要是块级元素（a is），您可以将元素设置为显示为块级元素，否则它只会为内联内容的背景着色。divbackground-colorbackground-colordivdisplay: block;

于 2013-01-22T16:04:00.663 回答
0

您正在为锚定样式，该锚定只会对其中的内容进行样式化。尝试类似：

<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 设置样式

于 2013-01-22T16:06:30.030 回答
0

试试这个希望它有效

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

在你的 css 文件中

于 2013-01-22T16:13:12.190 回答
0

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

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

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

于 2013-01-22T16:06:50.417 回答