CSS背景圖片是網頁設計中很重要的一個因素，它可以為網頁增加美觀度，提升用戶訪問體驗。而將CSS背景圖片放在根目錄下，更具有實用價值，讓整個網站的圖片管理更加方便。
在根目錄下放置CSS背景圖片，需要先在HTML文檔中引用該圖片，然后將CSS樣式指向該圖片路徑：
<html>
<head>
<style>
body {
background-image: url('/img/background.png');
background-size: cover;
}
</style>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>在這個例子中，我們引用了一個名為 background.png 的圖片，這個圖片是在網站根目錄的 img 文件夾下的。 在 CSS 樣式中，我們使用 url() 方法指向該圖片的路徑，并設置圖片鋪滿整個頁面。
在實際應用中，我們可以將網站所有的圖片放在一個文件夾下，這能更好地管理圖片資源。比如，在上面的例子中，我們將 background.png 放在 img 文件夾下。我們可以在樣式中，將 img 文件夾作為根目錄，像這樣：
<html>
<head>
<style>
body {
background-image: url('/img/background.png');
background-size: cover;
}
</style>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>這樣我們就可以輕松地管理所有的圖片，同時也使網站結構更加清晰。
上一篇css背景圖片外部引入
下一篇css背景圖片設置代碼