div（division）是HTML中常用的標簽之一，它用于創建一個獨立的區域，可以將頁面內容進行分組或者布局。在網頁設計中，我們經常需要給某個div添加特定的樣式以達到不同的效果。本文將探討如何使用CSS來使選中的div呈現藍色。下面我們將通過幾個代碼案例進行詳細解釋。
，我們可以使用CSS的background-color屬性來實現div選中時呈現藍色的效果。在HTML中，我們可以為div添加一個唯一的ID或者類名，并在CSS中設置相應的樣式。以下是一個簡單的例子：

示例1：

<style>
.blue-div {
background-color: blue;
}
</style>
<div class="blue-div">這是一個選中藍色的div</div>

在上述代碼中，我們為div添加了一個類名blue-div，并在CSS中定義了.blue-div的樣式。設置它的background-color為藍色（blue）后，該div被選中時背景色將會變為藍色。
除了使用類名，我們還可以使用ID來選擇div。接下來的示例中，我們將通過ID來選中并使div呈現藍色：

示例2：

<style>
#blue-div {
background-color: blue;
}
</style>
<div id="blue-div">這是一個選中藍色的div</div>

在上述代碼中，我們為div添加了一個ID（blue-div），并在CSS中使用#blue-div來選中該div。設置其background-color為藍色后，該div被選中時背景色也將變為藍色。
除了使用CSS的background-color屬性，我們還可以使用其他屬性來實現div選中藍色的效果。例如，我們可以使用CSS的border-color屬性來設置div的邊框顏色。

示例3：

<style>
.blue-div {
border: 2px solid blue;
}
</style>
<div class="blue-div">這是一個選中藍色的div</div>

在上述代碼中，我們為div添加了一個類名blue-div，并在CSS中設置了其邊框的樣式。通過設置border的寬度為2px、樣式為solid、顏色為藍色（blue），我們使得選中該div時，其邊框呈現藍色。
到目前為止，我們已經通過CSS的background-color和border-color屬性分別實現了div選中藍色的效果。但是，我們也可以同時使用這兩個屬性來進一步強調div的選中狀態。

示例4：

<style>
.blue-div {
background-color: blue;
border: 2px solid darkblue;
}
</style>
<div class="blue-div">這是一個選中藍色的div</div>

在上述代碼中，我們為div添加了一個類名blue-div，并在CSS中同時設置了background-color和border屬性。通過設置background-color為藍色（blue）和border的寬度為2px、樣式為solid、顏色為深藍色（darkblue），我們使得選中該div時，既有藍色的背景又有深藍色的邊框，進一步強調了div的選中狀態。
綜上所述，我們可以通過CSS的background-color和border-color屬性來實現div選中藍色的效果。通過在HTML中給div添加類名或ID，并在CSS中分別設置相應屬性的樣式，我們可以根據需要來自定義div的選中狀態。通過以上幾個案例，我們可以了解到div選中藍色的幾種不同實現方式。希望本文能夠幫助讀者更好地理解并運用這些方法。