div hover css 是一種用于在HTML和CSS中制作懸停效果的技術。懸停效果是指當鼠標懸停在某個元素上時，該元素會發生特定的變化，例如改變背景顏色、邊框樣式、文字顏色等。通過使用CSS中的:hover選擇器，可以實現在鼠標懸停時改變元素樣式的效果。以下將通過幾個代碼案例詳細解釋和說明這種技術的用法。
案例一: 下面是一個簡單的例子，展示了當鼠標懸停在一個div上時，改變其背景顏色的效果。

<style>
.box{
width: 200px;
height: 200px;
background-color: #ccc;
}
<br>
    .box:hover{
background-color: #ff0000;
}
</style>
<br>
<div class="box"></div>

在這個案例中，我們定義了一個名為.box的class，它具有固定的寬度和高度，并且背景顏色設置為灰色。然后，在.box:hover選擇器內部，我們將鼠標懸停時的背景顏色設置為紅色。當鼠標懸停在這個div上時，背景顏色將會立即變為紅色。
案例二: 下面是另一個案例，展示了當鼠標懸停在一個div上時，改變其邊框顏色和寬度的效果。

<style>
.box{
width: 200px;
height: 200px;
background-color: #ccc;
border: 2px solid #000;
}
<br>
    .box:hover{
border-color: #ff0000;
border-width: 4px;
}
</style>
<br>
<div class="box"></div>

在這個案例中，我們定義了一個與前一個案例類似的div，但是我們在.box類的border屬性中添加了一個固定的邊框樣式。然后，在.box:hover選擇器內部，我們將鼠標懸停時的邊框顏色設置為紅色，并將邊框寬度增加到4像素。當鼠標懸停在這個div上時，邊框的顏色將變為紅色并且稍微加粗。
這些案例只是div hover css的一小部分應用，實際上，通過組合不同的CSS屬性和選擇器，可以實現各種各樣的懸停效果。在實際應用中，我們可以根據需要來改變背景顏色、邊框樣式、文字顏色等，以獲得更好的用戶體驗和交互效果。
總之，div hover css是一種簡單而強大的技術，可以通過改變元素的樣式，為網頁增加動態效果。通過使用:hover選擇器和不同的CSS屬性，我們可以根據需要自由地創建各種各樣的懸停效果。希望以上的案例和解釋能夠幫助讀者更好地理解和應用這種技術。