CSS 是一種用于定義網頁樣式的語言，其強大的功能使得網頁開發者可以很方便地美化網頁。其中，嵌入背景圖是 CSS 中最常見的一種樣式設置，在這篇文章中將介紹如何使用 CSS 嵌入背景圖。 首先，我們需要在 CSS 中定義一個類或 id，以便于在 HTML 中引用。例如，我們定義一個名為“bg”的類：

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

在上面的代碼中，我們使用了 background-image 屬性來定義背景圖的路徑。在這個例子中，我們將背景圖保存在與 HTML 文件同級的文件夾中。同時，我們設置了 background-repeat 屬性，防止背景圖在頁面中重復出現。我們還使用了 background-size 屬性，來指定背景圖的尺寸，使其能夠完全覆蓋整個容器。 接下來，我們需要在 HTML 中引用這個 CSS 類。例如，在下面的代碼中，我們在一個 div 元素中使用了上述定義的“bg”類：

<div class="bg"> <p>這是一個使用背景圖的 div 元素。</p> </div>

通過將上述代碼添加到自己的 HTML 文件中，我們就可以在頁面中使用 CSS 嵌入背景圖了。需要注意的是，當我們引用背景圖時，應該使用相對路徑，而非絕對路徑。 總結起來，使用 CSS 嵌入背景圖是非常簡單的，只需要在 CSS 中定義一個類或 id，并在 HTML 中引用它即可。同時，我們需要注意設置背景圖的路徑、重復性、尺寸等屬性，以確保其能夠完美展現在頁面中。