CSS是層疊樣式表(Cascading Style Sheets)的縮寫，是一種用來描述網頁樣式的語言。在Web開發中，我們可以使用CSS來讓網頁更加美觀、更加有吸引力。其中，有一種技術是讓頁面背景覆蓋全局，下面我們來了解一下。
body {
background-image: url(background.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}上面這段CSS代碼就是讓頁面背景覆蓋全局的關鍵。其中，background-image用來引入背景圖片，我們需要將url中的background.jpg替換成你想使用的圖片路徑。background-size屬性用來保持背景圖片的寬高比例，cover表示盡可能地將背景圖片縮放到完全覆蓋整個頁面。background-position用來設置背景圖片在頁面中的位置，center center表示將圖片居中顯示。background-repeat屬性用來設置背景圖片不重復，保證背景不斷地覆蓋全局。
需要注意的是，以上代碼要寫在<style></style>標簽中，例如：
<html>
<head>
<style>
body {
background-image: url(background.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
</style>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>經過以上設置，我們就成功讓頁面背景覆蓋全局了。這樣做不僅美觀，而且給用戶帶來了更好的瀏覽體驗。
上一篇css側邊咨詢信息欄
下一篇css使表格邊框不顯示