在我們開發(fā)網(wǎng)頁的過程中,為了網(wǎng)頁的看起來更好看,會(huì)將背景圖片平鋪。那么這篇文章 w3cschool 小編來教你 CSS 圖片怎么設(shè)置平鋪,講解圖片平鋪的四種方式。
background-repeat 屬性
background-repeat 屬性是用來設(shè)置背景圖片平鋪的。它有四個(gè)屬性值,分別為:
- 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í)請(qǐng)前往w3cschool。