CSS怎么控制鼠標形狀

CSS怎么控制鼠標形狀

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

　　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是由系統(tǒng)自動給出效果