CSS 設(shè)置背景平鋪

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

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

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

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

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

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

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

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

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

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