在CSS中,我們可以使用background-repeat
屬性來設(shè)置圖片是否重復(fù)。background-repeat
屬性可以設(shè)置為repeat
、repeat-x
、repeat-y
或no-repeat
,分別表示重復(fù)、只在水平方向重復(fù)、只在垂直方向重復(fù)和不重復(fù)。
如果我們有一張圖片,并且我們不想讓它重復(fù),我們可以這樣寫CSS代碼:
div { background-image: url('image.jpg'); background-repeat: no-repeat; }
這段CSS代碼表示,圖片image.jpg
將作為div元素的背景,并且不會重復(fù)。
如果我們只想讓圖片在水平方向重復(fù),我們可以這樣寫:
div { background-image: url('image.jpg'); background-repeat: repeat-x; }
這段CSS代碼表示,圖片image.jpg
將作為div元素的背景,并且只在水平方向重復(fù)。
同理,如果我們只想讓圖片在垂直方向重復(fù),我們可以這樣寫:
div { background-image: url('image.jpg'); background-repeat: repeat-y; }
這段CSS代碼表示,圖片image.jpg
將作為div元素的背景,并且只在垂直方向重復(fù)。
background-repeat
屬性可以幫助我們輕松地控制圖片的重復(fù)方式,使網(wǎng)頁更加美觀。