CSS圖片怎么設(shè)置平鋪？圖片平鋪的四種方式

在我們開(kāi)發(fā)網(wǎng)頁(yè)的過(guò)程中，為了網(wǎng)頁(yè)的看起來(lái)更好看，會(huì)將背景圖片平鋪。那么這篇文章 w3cschool 小編來(lái)教你 CSS 圖片怎么設(shè)置平鋪，講解圖片平鋪的四種方式。

background-repeat 屬性

background-repeat 屬性是用來(lái)設(shè)置背景圖片平鋪的。它有四個(gè)屬性值，分別為：

• repeat：默認(rèn)完全平鋪背景
• no-repeat：不平鋪
• repeat-x：橫向平鋪背景
• repeat-y：縱向平鋪背景

我們一起來(lái)看下具體使用代碼及效果：

repeat：平鋪

background-repeat:repeat;

no-repeat：不平鋪

background-repeat:no-repeat;

repeat-x：橫向平鋪

background-repeat:repeat-x;

repeat-y：縱向平鋪

background-repeat:repeat-y;

以上就是文章“CSS 圖片怎么設(shè)置平鋪？圖片平鋪的四種方式”的全部?jī)?nèi)容。更多 CSS 學(xué)習(xí)請(qǐng)前往w3cschool。