css怎么改變鼠標(biāo)樣式

css怎么改變鼠標(biāo)樣式

　　css中怎么改變鼠標(biāo)的樣式呢?下面由學(xué)習(xí)啦小編帶你了解。

　　css改變鼠標(biāo)樣式

　　有時候需要改變鼠標(biāo)樣式，DIV 可以改成手型等，A也可以改成光標(biāo)形式

　　巧合要用到鼠標(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>

　　下面寫法都一樣，這里就不一一寫完了，自己擴(kuò)展吧。

　　text是移動到文本上的那種效果

　　wait是等待的那種效果

　　default是默認(rèn)效果

　　e-resize是向右的箭頭

　　ne-resize是向右上的箭頭

　　n-resize是向上的箭頭

　　nw-resize是向左上的箭頭

　　w-resize是向左的箭頭

　　sw-resize是左下的箭頭

　　s-resize是向下的箭頭

　　se-resize是向右下的箭頭

　　auto是由系統(tǒng)自動給出效果