0

タイトルのように、要素の背景を単色にすることはできません。代わりに、私のコードは各行を色にします。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;}

上記の「コードボックス」は一例です。1つ目は、私のタイトルの背景が何をしているのかです。2つ目は私が望んでいることです。

4

4 に答える 4

1

それを a でラップしてdiv設定すると、それdivがbackground-color機能するはずです。設定する要素はブロック レベルのbackground-color要素である必要があります (a divis)。要素をブロック レベルの要素として表示するように設定できますdisplay: 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

他の回答と同様に、ラッパー要素のスタイルを設定できます。ただし、アンカーテキストだけを直接スタイル設定する場合は、これを試してください...

問題は、テキストの行の高さです。ご覧のとおり、間隔が空けられています。もし、あんたが。テキストのサイズと比較して、線の高さが大きくなっています。

例として、set #bottom a { line-height: 100%; }（font-sizeが設定されているもの）を設定すると、ギャップがなくなることがわかります。また、間隔がなくなるのがわかります。上/下のパディングを使用して間隔を「戻す」ことができ、行の高さを変更することもできます。

于 2013-01-22T16:06:50.417 に答える
0

これがうまくいくことを願って試してください

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

あなたのcssファイルで

于 2013-01-22T16:13:12.190 に答える