0

各段落の曜日の後ろに画像を表示しようとしていますが、背景画像の一部しか表示されません。私は以前にパディングを試みましたが、私はcssの初心者であるため、いくつかの支援を利用できます。

htmlは次のとおりです。

    <section id="top">
    ...
    <p><span>Mon</span><span>Open</span></p>
    <p><span>Tues</span><span>6:30 pm</span>Bible Study</p>...

CSSは次のとおりです。

    #top p span:nth-child(1){
    font-family: 'Quintessential', cursive;
    font-size:25px;
    font-weight:normal;
    color:#fff;
    line-height: 59px;
    background-image:url('img/ribbon.png');
    background-repeat:no-repeat;
    }
4

1 に答える 1

1

SPAN が表示されています DISPLAY: INLINE; デフォルトで。

DISPLAY: INLINE-BLOCK; に設定してみてください。

なぜこのように動作するのかについての詳細は次のとおりです: http://www.webdesignfromscratch.com/html-css/css-block-and-inline/

于 2013-02-14T17:51:37.927 に答える