CSS 設(shè)置背景平鋪

    在設(shè)置背景圖片時，圖片和元素的大小可能不是剛好匹配的，這時頁面中就會出現(xiàn)一些意想不到的問題。背設(shè)圖片會在元素內(nèi)部平鋪開來，但是有時候是不需要讓背景圖平鋪的，或者只需耍橫向或者縱向平鋪。CSS準(zhǔn)備了一個良好的解決方案 background-repeat 屬性。

    background-repeat屬性設(shè)置如何重復(fù)背景圖像，即定義圖像的平鋪模式。

    默認(rèn)情況下，背景圖像在水平和垂直方向上重復(fù)。

    從原圖像開始重復(fù)，原圖像由background-image定義，并根據(jù)background-position的值放置。如果未規(guī)定background-position屬性，那么圖像會被放置在元素的左上角。 

    background-repeat的值可以是以下幾種：

    ?repeat：默認(rèn)。背景圖像將在垂直方向和水平方向重復(fù)。

    ?repeat-x：背景圖像將在水平方向重復(fù)。

    ?repeat-y：背景圖像將在垂直方向重復(fù)。

    ?no-repeat：背景圖像將僅顯示一次。

    ?inherit: 規(guī)定應(yīng)該從父元素繼承background-repeat屬性的設(shè)置。