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

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

background-repeat 屬性

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

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

我們一起來看下具體使用代碼及效果：

repeat：平鋪

background-repeat:repeat;

no-repeat：不平鋪

background-repeat:no-repeat;

repeat-x：橫向平鋪

background-repeat:repeat-x;

repeat-y：縱向平鋪

background-repeat:repeat-y;

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