做自(zì)由與創造的先行者

CSS background-repeat 屬性

CSS中文(wén)手冊

定義和(hé)用(yòng)法

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

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

詳細說明(míng)

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

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

實例

body

{

background-image: url(stars.gif);

background-repeat: repeat-y;

}

提示和(hé)注釋

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

CSS 語法

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

屬性值

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