CSS中,我們可以使用background-image
屬性來(lái)設(shè)置背景圖片,并使用background-repeat
屬性來(lái)控制圖片的重復(fù)方式,如果我們想要讓背景圖片拉伸不平鋪,可以將background-repeat
屬性設(shè)置為no-repeat
,這樣圖片就不會(huì)重復(fù)平鋪了。
我們還可以使用background-size
屬性來(lái)控制圖片的大小,如果我們將圖片設(shè)置得足夠大,那么圖片就會(huì)拉伸并填充整個(gè)元素,而不會(huì)平鋪。
以下是一個(gè)示例代碼:
div { background-image: url('path/to/image.jpg'); background-repeat: no-repeat; background-size: cover; }
在這個(gè)示例中,我們將background-image
屬性設(shè)置為圖片的路徑,將background-repeat
屬性設(shè)置為no-repeat
,并將background-size
屬性設(shè)置為cover
,這樣圖片就會(huì)拉伸并填充整個(gè)元素,而不會(huì)平鋪。