巧合要用到鼠標(biāo)樣式效果，就順便整理了下十五種CSS鼠標(biāo)樣式，小例子供大家使用啊。CSS鼠標(biāo)樣式語法如下：
任意標(biāo)簽中插入 style="cursor:*"
例 子：<span style="cursor:*">文本或其它頁面元素</span> <a href="#" style="cursor:*">文本或其它頁面元素</a> 注意把 * 換成如下15個效果的一種：

下面是對這15種效果的解釋。移動鼠標(biāo)到解釋上面，看看你的鼠標(biāo)起了什么變化吧！
hand是手型
例子：CSS鼠標(biāo)手型效果 <a href="#" style="cursor:hand">CSS鼠標(biāo)手型效果</a>

pointer也是手型，這里推薦使用這種，因?yàn)檫@可以在多種瀏覽器下使用。
例子：CSS鼠標(biāo)手型效果 <a href="#" style="cursor:pointer">CSS鼠標(biāo)手型效果</a>

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

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

下面寫法都一樣，這里就不一一寫完了。
text是移動到文本上的那種效果
wait是等待的那種效果
default是默認(rèn)效果
e-resize是向右的箭頭
ne-resize是向右上的箭頭
n-resize是向上的箭頭
nw-resize是向左上的箭頭
w-resize是向左的箭頭
sw-resize是左下的箭頭
s-resize是向下的箭頭
se-resize是向右下的箭頭
auto是由系統(tǒng)自動給出效果

最新評論