0

次のように、ページのセクション タイトルの右側に仕切りを配置したいと考えています。

ここに画像の説明を入力

このコードを試してみましたが、次のようになります。

ここに画像の説明を入力

コードは次のとおりです。

<h4 class="section-title">Lastest From Blog</h4>

.section-title {
    font-size:18px;
    background-image: url('images/divider-bar.png');
    background-repeat: repeat-x;
    padding-bottom: 12px;
    color: #6c6c6c;
}

これがフィドルです：http://jsfiddle.net/Chead/hrYyg/

4

3 に答える 3

0

どうぞ: http://jsfiddle.net/KQdcr/

背景が白いスパンでテキストをラップするだけです：

.section-title span { background: white; padding-right: 3px; }

もちろん、ページの背景が単色でない場合、これは機能しません。

于 2013-04-18T14:16:50.057 に答える
0

ここであなたはgo これを試してください。 コンテナと仕切りの幅を調整します

于 2013-04-18T14:27:21.367 に答える