CSS中鼠標(biāo)顯示是指當(dāng)用戶在頁面上移動鼠標(biāo)時,鼠標(biāo)的樣式如何顯示。下面是一些常用的鼠標(biāo)樣式:
/* 默認(rèn)樣式 */ cursor: default; /* 鏈接樣式 */ cursor: pointer; /* 文字輸入樣式 */ cursor: text; /* 移動樣式 */ cursor: move; /* 改變大小樣式 */ cursor: col-resize; /* 水平方向 */ cursor: row-resize; /* 垂直方向 */ cursor: nwse-resize; /* 左上角到右下角 */ cursor: nesw-resize; /* 右上角到左下角 */ /* 等待樣式 */ cursor: wait; /* 禁止樣式 */ cursor: not-allowed;
其中,default
是默認(rèn)樣式,pointer
是鏈接樣式,text
是文字輸入樣式,move
是移動樣式,col-resize
和row-resize
是改變大小樣式,nwse-resize
表示從左上角到右下角的改變大小樣式,nesw-resize
表示從右上角到左下角的改變大小樣式,wait
是等待樣式,not-allowed
是禁止樣式。
使用cursor
屬性可以改變鼠標(biāo)的樣式。其中,default
和pointer
是最常用的鼠標(biāo)樣式,其它樣式根據(jù)具體需求選擇。
需要注意的是,cursor
屬性可能會被操作系統(tǒng)或瀏覽器覆蓋,例如在Windows系統(tǒng)中,當(dāng)鼠標(biāo)懸停在鏈接上時,會自動變成手形鼠標(biāo)。