App下載

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

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

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

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è)置平鋪?圖片平鋪的四種方式”的全部?jī)?nèi)容。更多 CSS 學(xué)習(xí)請(qǐng)前往w3cschool。

CSS

0 人點(diǎn)贊