CSS設(shè)置網(wǎng)頁(yè)背景的方法
在CSS中,我們可以使用background-color
屬性來(lái)設(shè)置網(wǎng)頁(yè)的背景顏色,如果你想將網(wǎng)頁(yè)背景設(shè)置為紅色,你可以這樣寫(xiě):
body { background-color: red; }
如果你想將網(wǎng)頁(yè)背景設(shè)置為一張圖片,你可以使用background-image
屬性,假設(shè)你有一張名為background.jpg
的圖片,你可以這樣寫(xiě):
body { background-image: url('background.jpg'); }
如果你想將網(wǎng)頁(yè)背景設(shè)置為重復(fù)的圖片,你可以使用background-repeat
屬性,如果你想讓圖片在水平和垂直方向上都重復(fù),你可以這樣寫(xiě):
body { background-image: url('background.jpg'); background-repeat: repeat; }
如果你想將網(wǎng)頁(yè)背景設(shè)置為固定位置的圖片,你可以使用background-position
屬性,如果你想讓圖片固定在頁(yè)面的左上角,你可以這樣寫(xiě):
body { background-image: url('background.jpg'); background-position: top left; }
這些只是CSS中設(shè)置網(wǎng)頁(yè)背景的一些基本方法,CSS還提供了許多其他屬性,你可以使用這些屬性來(lái)更詳細(xì)地控制網(wǎng)頁(yè)背景,你可以使用background-size
屬性來(lái)控制圖片的大小,使用background-attachment
屬性來(lái)控制圖片是否固定或滾動(dòng)等。