CSS定義鼠標經過時鼠標圖形的十五種樣式整理

2024-07-11 08:50:55

字體：大中小

來源：轉載

供稿：網友

CSS鼠標樣式語法如下：

text是移動到文本上的那種效果
wait是等待的那種效果
default是默認效果
e- resize是向右的箭頭
ne-resize是向右上的箭頭
n-resize是向上的箭頭
nw-resize是向左上的箭頭
w- resize是向左的箭頭
sw-resize是左下的箭頭
s-resize是向下的箭頭
se-resize是向右下的箭頭
auto 是由系統自動給出效果

任意標簽中插入 style="cursor:*"
例子：<span style="cursor:*">文本或其它頁面元素</span> <a href="#" style="cursor:*">文本或其它頁面元素</a> 注意把 * 換成如下15個效果的一種：

移動鼠標到上面，看你的鼠標起了什么變化吧！

hand是手型
例子：CSS鼠標手型效果 <a href="#" style="cursor:hand">CSS鼠標手型效果</a>

pointer也是手型，這里推薦使用這種，因為這可以在多種瀏覽器下使用。
例子：CSS鼠標手型效果 <a href="#" style="cursor:pointer">CSS鼠標手型效果</a>

crosshair是十字型
例子：CSS鼠標十字型效果 <a href="#" style="cursor:crosshair">CSS鼠標十字型效果</a>

help是問號
例子：CSS鼠標問號效果 <a href="#" style="cursor:help">CSS鼠標問號效果</a>

上一篇：Google瀏覽器CSS居中兼容問題完美解決方法

下一篇：利用CSS3的特性改變文本選中時的顏色