CSS提供了很多改變鼠標形狀的api，可以讓我們在設計網頁時更加靈活自由，下面介紹一些常用的api。

/*鼠標指針為手形狀*/
cursor: pointer;
/*鼠標指針為文本形狀*/
cursor: text;
/*鼠標指針為默認形狀*/
cursor: default;
/*鼠標指針為等待形狀*/
cursor: wait;
/*鼠標指針為禁用形狀*/
cursor: not-allowed;
/*鼠標指針為縮放形狀*/
cursor: zoom-out;
cursor: zoom-in;

上面的api中，最常用的是pointer和text，pointer常用于按鈕點擊效果和鏈接跳轉效果，text常用于文本輸入框和文本展示區域。

在使用這些api時，我們可以將它們應用于標簽的hover或active事件，這樣當鼠標移動到標簽上時，會出現對應的鼠標形狀。

/*hover事件*/
.button:hover{
cursor: pointer;
}
/*active事件*/
.text-input:active{
cursor: text;
}

通過以上的使用方式，我們可以讓頁面的互動效果更加豐富，用戶體驗也會更好。