<div 加小手是一個常用的前端技術，用于當鼠標懸停在某個元素上時，為該元素添加一個小手的形狀，以增加用戶的交互體驗。通過在CSS樣式表中設置cursor屬性為"pointer"，我們可以輕松地實現(xiàn)這個效果。
下面是幾個代碼案例，詳細解釋了如何使用<div 加小手。
代碼案例一：

<p><style>
.button {
cursor: pointer;
}
<br>
        .button:hover {
color: red;
}
</style></p>
<br>
    <p><div class="button">懸停鼠標查看效果</div></p>

在這個案例中，我們給一個具有class為"button"的<div元素設置了cursor屬性為"pointer"，這會使鼠標懸停在該元素上時，鼠標形狀變?yōu)樾∈帧．斘覀儗⑹髽藨彝Ｔ谶@個<div>元素上時，字體的顏色也會變?yōu)榧t色，以增加交互效果。
代碼案例二：

<p><style>
.link {
cursor: pointer;
text-decoration: underline;
}
<br>
        .link:hover {
color: blue;
}
</style></p>
<br>
    <p><a href="#" class="link">懸停鼠標查看效果</a></p>

在這個案例中，我們給一個具有class為"link"的<a>元素設置了cursor屬性為"pointer"，這會使鼠標懸停在該元素上時，鼠標形狀變?yōu)樾∈帧Ｍ瑫r，我們還給這個<a>元素設置了text-decoration屬性為"underline"，使其具有下劃線的樣式。當我們將鼠標懸停在這個<a>元素上時，字體的顏色會變?yōu)樗{色，以增加交互效果。
代碼案例三：

<p><style>
.box {
width: 200px;
height: 200px;
background-color: #ccc;
cursor: pointer;
}
<br>
        .box:hover {
background-color: #f00;
}
</style></p>
<br>
    <p><div class="box">懸停鼠標查看效果</div></p>

在這個案例中，我們給一個具有class為"box"的<div>元素設置了cursor屬性為"pointer"，這會使鼠標懸停在該元素上時，鼠標形狀變?yōu)樾∈帧Ｍ瑫r，我們給這個<div>元素設置了寬度和高度，并設置了背景顏色為灰色。當我們將鼠標懸停在這個<div>元素上時，背景顏色會變?yōu)榧t色，以增加交互效果。
通過上述代碼案例的講解，我們可以看到，使用<div 加小手技術能夠簡單、快速地為元素添加鼠標懸停效果，提升用戶體驗。無論是用于按鈕、鏈接還是其他元素，都可以輕松實現(xiàn)這個效果，讓頁面更加動態(tài)和有趣。