CSS怎么控制鼠標(biāo)形狀
CSS怎么控制鼠標(biāo)形狀
CSS目前最新版本為CSS3,是能夠真正做到網(wǎng)頁(yè)表現(xiàn)與內(nèi)容分離的一種樣式設(shè)計(jì)語(yǔ)言下面是學(xué)習(xí)啦小編帶來(lái)的關(guān)于CSS怎么控制鼠標(biāo)形狀的內(nèi)容,歡迎閱讀!
CSS怎么控制鼠標(biāo)形狀?
有時(shí)候需要改變鼠標(biāo)樣式,DIV 可以改成手型等,A也可以改成光標(biāo)形式
巧合要用到鼠標(biāo)樣式效果,就順便整理了下十五種CSS鼠標(biāo)樣式,小例子供大家使用啊。CSS鼠標(biāo)樣式語(yǔ)法如下:
任意標(biāo)簽中插入 style="cursor:*"
例子:文本或其它頁(yè)面元素
style="cursor:*">文本或其它頁(yè)面元素 注意把 * 換成如下15個(gè)效果的一種:
下面是對(duì)這15種效果的解釋。移動(dòng)鼠標(biāo)到解釋上面,看看你的鼠標(biāo)起了什么變化吧!
hand是手型
例子:CSS鼠標(biāo)手型效果CSS鼠標(biāo)手型效果
pointer也是手型,這里推薦使用這種,因?yàn)檫@可以在多種瀏覽器下使用。
例子:CSS鼠標(biāo)手型效果CSS鼠標(biāo)手型效果
crosshair是十字型
例子:CSS鼠標(biāo)十字型 效果CSS鼠標(biāo)十字型 效果
help是問號(hào)
例子:CSS鼠標(biāo)問號(hào)效果CSS鼠標(biāo)問號(hào)效果
下面寫法都一樣,這里就不一一寫完了,自己擴(kuò)展吧。
text是移動(dòng)到文本上的那種效果
wait是等待的那種效果
default是默認(rèn)效果
e-resize是向右的箭頭
ne-resize是向右上的箭頭
n-resize是向上的箭頭
nw-resize是向左上的箭頭
w-resize是向左的箭頭
sw-resize是左下的箭頭
s-resize是向下的箭頭
se-resize是向右下的箭頭
auto是由系統(tǒng)自動(dòng)給出效果