App下載

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

猿友 2021-05-21 10:17:10 瀏覽數(shù) (10771)
反饋

在我們開發(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;

CSS設(shè)置圖片平鋪

no-repeat:不平鋪

background-repeat:no-repeat;

CSS設(shè)置圖片不平鋪

repeat-x:橫向平鋪

background-repeat:repeat-x;

CSS設(shè)置圖片平鋪

repeat-y:縱向平鋪

background-repeat:repeat-y;

CSS設(shè)置圖片平鋪

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

CSS

0 人點(diǎn)贊