4

h1 テキストの前後に画像を配置するには、すべての h1 タグのスタイルを設定する必要があります。

以前に画像を追加する方法は知っていますが、両方を追加する方法はわかりません。

CSS (テキストの前に画像を表示する h1 のスタイリング)

h1 {
        background-image: url('images/h_ltr.png');
        background-position: left center;
        background-repeat: no-repeat;
        text-align: center;
        font-size: 22px;
        font-weight: bold;
        color: #5d5d5d;
    }
4

3 に答える 3

13

:beforeおよび:aftercss セレクターを使用できます。

h1:before {
    background-color: green;
    padding: 0 20px;
    content: " ";
}
h1:after {
    background-color: red;
    padding: 0 20px;
    content: " ";
}
<h1>Test</h1>

于 2013-06-26T14:06:41.183 に答える