在網頁設計中，背景圖片能夠增加網頁的美感和視覺效果，從而讓網站更加吸引人的眼球。在CSS 中，設計者可以利用背景圖片來裝飾網頁，從而使其更加吸引人的眼球。而且，CSS 提供了一種全局背景圖片的方式，使得網頁開發更加容易且高效。
body {
background-image: url(images/background.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}上述代碼表示在頁面的<body>部分應用了一張背景圖片，且這張背景圖片會根據頁面的大小進行自適應。同時，代碼中還設置了圖片不重復顯示，并將圖片水平、垂直居中顯示。
需要注意的是，這張全局背景圖片只會應用到<body>元素的背景中，而不是整個頁面。如果想讓全局背景圖片應用到整個頁面的背景中，就需要將背景圖片應用到<html>這個元素中。
html {
background-image: url(images/background.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}以上代碼使得背景圖片應用到<html>這個元素的背景中。使用全局背景圖片時，一定要注意圖片的大小以及兼容性問題，以確保網站能夠在不同的設備上正常呈現，從而為用戶提供更好的體驗。