CSS怎么控制鼠標形狀

CSS怎么控制鼠標形狀

　　CSS目前最新版本為CSS3，是能夠真正做到網頁表現與內容分離的一種樣式設計語言下面是學習啦小編帶來的關于CSS怎么控制鼠標形狀的內容，歡迎閱讀!

　　CSS怎么控制鼠標形狀?

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

　　巧合要用到鼠標樣式效果，就順便整理了下十五種CSS鼠標樣式，小例子供大家使用啊。CSS鼠標樣式語法如下：

　　任意標簽中插入 style="cursor:*"

　　例子：文本或其它頁面元素

　　style="cursor:*">文本或其它頁面元素 注意把 * 換成如下15個效果的一種：

　　下面是對這15種效果的解釋。移動鼠標到解釋上面，看看你的鼠標起了什么變化吧!

　　hand是手型

　　例子：CSS鼠標手型效果CSS鼠標手型效果

　　pointer也是手型，這里推薦使用這種，因為這可以在多種瀏覽器下使用。

　　例子：CSS鼠標手型效果CSS鼠標手型效果

　　crosshair是十字型

　　例子：CSS鼠標十字型 效果CSS鼠標十字型 效果

　　help是問號

　　例子：CSS鼠標問號效果CSS鼠標問號效果

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

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

　　wait是等待的那種效果

　　default是默認效果

　　e-resize是向右的箭頭

　　ne-resize是向右上的箭頭

　　n-resize是向上的箭頭

　　nw-resize是向左上的箭頭

　　w-resize是向左的箭頭

　　sw-resize是左下的箭頭

　　s-resize是向下的箭頭

　　se-resize是向右下的箭頭

　　auto是由系統自動給出效果