在瀏覽網頁的過程中，當我們將鼠標移動到一些元素上時，鼠標的樣式會發生相應的改變，例如當鼠標指向文本時，鼠標的樣式會變成類似大寫字母I的樣子；當鼠標指向鏈接時，鼠標會變成一個小手的形狀等。
除了這些默認的變化外，您還可以通過 CSS 中的 cursor 屬性來改變網頁中鼠標（光標）的樣式，下表中列舉了 cursor 屬性的可選值：
提示：由於計算機系統的不同，鼠標的樣式會存在一定的差異。
例子：
<!DOCTYPE html>
<html>
<head>
<style>
div {
height: 30px;
border: 1px solid green;
margin-top: 10px;
}
.cell {
cursor: cell;
}
.crosshair {
cursor: crosshair;
}
.text {
cursor: text;
}
.vertical-text {
cursor: vertical-text;
}
.alias {
cursor: alias;
}
.copy {
cursor: copy;
}
.move {
cursor: move;
}
.no-drop {
cursor: no-drop;
}
</style>
</head>
<body>
<div class="cell">cursor: cell;</div>
<div class="crosshair">cursor: crosshair;</div>
<div class="text">cursor: text;</div>
<div class="vertical-text">cursor: vertical-text;</div>
<div class="alias">cursor: alias;</div>
<div class="copy">cursor: copy;</div>
<div class="move">cursor: move;</div>
<div class="no-drop">cursor: no-drop;</div>
</body>
</html>
除了可以使用上表中介紹的光標樣式外，您也可以使用圖像文件來自定義光標的樣式，如下所示：
cursor: url("custom.gif"), url("custom.cur"), default;
您可以使用 url() 定義多個光標的樣式文件，每個 url() 之間使用逗號,分隔，上面示例中 custom.gif、custom.cur 就是自定義的光標文件。需要注意的是，在自定義光標樣式時，要在最后定義一個上表中的通用光標樣式，防止使用 url() 中定義的光標圖像資源失效。
提示：.cur 格式是光標文件的標准格式，您可以使用一些在線工具（例如 https://convertio.co/zh/cur-converter/）將 .jpg、.gif 等格式的圖像文件轉換為 .cur 格式。