CSS 光標變手型是前端開發中常見的效果之一。在網頁中，當鼠標指針移到某個元素上時，可以使它的光標變成手型。這樣可以提高用戶的體驗，讓用戶更方便地進行交互。

要實現這個效果，需要先定義一個樣式，用來指定鼠標指針停留在元素上時的光標形狀。在 CSS 中，使用cursor屬性來設置光標的樣式。

// CSS代碼
.hand-cursor {
cursor: pointer;
}

在上述例子中，我們定義了一個hand-cursor的樣式類，并設置其cursor屬性為pointer，這樣鼠標指針就會變為手型。

現在來看一個實際的例子：

// HTML代碼
<div class="button hand-cursor">點擊我</div>
// CSS代碼
.button {
display: inline-block;
padding: 8px;
background-color: #007bff;
color: #fff;
border-radius: 4px;
text-align: center;
cursor: default;
}
.hand-cursor {
cursor: pointer;
}

上面的例子中，我們定義了一個按鈕樣式.button，并設置其cursor屬性為default，這樣它的光標將是默認的箭頭形狀。另外，我們還定義了一個.hand-cursor樣式類，并將其應用于按鈕上，當鼠標指針懸停在按鈕上時，光標將變為手型。

總結，cursor屬性是讓開發人員可以自由地選擇鼠標指針樣式來增強用戶體驗的。使用時需要根據實際應用場景選擇合適的光標樣式。