想要網(wǎng)頁(yè)更加豐富多彩？使用背景圖可以幫助你達(dá)到想要的效果。而如果想讓背景圖鋪滿整個(gè)屏幕，又該怎么辦呢？這里提供一種簡(jiǎn)單的 CSS 實(shí)現(xiàn)方法。

body {
background-image: url("background.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}

在上面的代碼中，我們使用 CSS 的屬性將背景圖片充滿整個(gè)屏幕：

background-image：設(shè)置背景圖片的路徑。

background-size：指定背景圖片的尺寸，使用 cover 可以讓整個(gè)屏幕都被背景圖覆蓋。

background-position：設(shè)置背景圖片的位置，使用 center 可以將圖片放置到屏幕中央。

background-repeat：指定是否重復(fù)圖片，使用 no-repeat 可以確保背景圖片不被重復(fù)顯示。

通過(guò)設(shè)置這些屬性，我們可以使用一張圖片充滿整個(gè)屏幕，并且將其居中。如果需要調(diào)整圖片的位置或者使用其他圖片可以通過(guò)修改對(duì)應(yīng)的屬性實(shí)現(xiàn)。

現(xiàn)在，讓我們按照上述方法來(lái)添加一個(gè)背景圖吧！