做(zuò)自(zì)由與創造的先行(xíng)者

CSS background-repeat 屬性

CSS中文手冊

定義和(hé)用法

background-repeat 屬性設置是否及如(rú)何重複背景圖像。

默認地(dì),背景圖像在水平和(hé)垂直方向上(shàng)重複。

詳細說明(míng)

background-repeat 屬性定義了(le)圖像的平鋪模式。

從(cóng)原圖像開(kāi)始重複,原圖像由 background-image 定義,并根據 background-position 的值放置。

實例

body

{

background-image: url(stars.gif);

background-repeat: repeat-y;

}

提示和(hé)注釋

提示:背景圖像的位置是根據 background-position 屬性設置的。如(rú)果未規定 background-position 屬性,圖像會被放置在元素的左上(shàng)角。

CSS 語法

background-repeat: repeat|repeat-x|repeat-y|no-repeat|initial|inherit;

屬性值

描述
repeat 默認。背景圖像将在垂直方向和(hé)水平方向重複。
repeat-x 背景圖像将在水平方向重複。
repeat-y 背景圖像将在垂直方向重複。
no-repeat 背景圖像将僅顯示一(yī)次。
inherit 規定應該從(cóng)父元素繼承 background-repeat 屬性的設置。
網站建設開(kāi)發|APP設計開(kāi)發|小程序建設開(kāi)發
下(xià)一(yī)篇:CSS background-size 屬性
上(shàng)一(yī)篇:CSS background-position 屬性