六月丁香五月婷婷,丁香五月婷婷网,欧美激情网站,日本护士xxxx,禁止18岁天天操夜夜操,18岁禁止1000免费,国产福利无码一区色费

學(xué)習(xí)啦 > 學(xué)習(xí)電腦 > 電腦硬件知識 > 鍵盤鼠標 > css怎么改變鼠標樣式

css怎么改變鼠標樣式

時間: 迪豪910 分享

css怎么改變鼠標樣式

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

  css改變鼠標樣式

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

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

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

  例子:<span style="cursor:*">文本或其它頁面元素</span> <a href="#"

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

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

  hand是手型

  例子:CSS鼠標手型效果<a href="#" style="cursor:hand">CSS鼠標手型效果</a>

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

  例子:CSS鼠標手型效果<a href="#" style="cursor:pointer">CSS鼠標手型效果</a>

  crosshair是十字型

  例子:CSS鼠標十字型 效果<a href="#" style="cursor:crosshair">CSS鼠標十字型 效果</a>

  help是問號

  例子:CSS鼠標問號效果<a href="#" style="cursor:help">CSS鼠標問號效果</a>

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

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

  wait是等待的那種效果

  default是默認效果

  e-resize是向右的箭頭

  ne-resize是向右上的箭頭

  n-resize是向上的箭頭

  nw-resize是向左上的箭頭

  w-resize是向左的箭頭

  sw-resize是左下的箭頭

  s-resize是向下的箭頭

  se-resize是向右下的箭頭

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

1820491