閱讀869 返回首頁    go 阿裏雲 go 技術社區[雲棲]


CSS 鼠標樣式和手指樣式

巧合要用到鼠標樣式效果,就順便整理了下十五種CSS鼠標樣式,小例子供大家使用啊。CSS鼠標樣式語法如下:
任意標簽中插入  
例 子:<span >文本或其它頁麵元素</span>  <a href="#" >文本或其它頁麵元素</a>  注意把 * 換成如下15個效果的一種:

下麵是對這15種效果的解釋。移動鼠標到解釋上麵,看看你的鼠標起了什麼變化吧!
hand是手型    
例子:CSS鼠標手型效果  <a href="#" >CSS鼠標手型效果</a>

pointer也是手型,這裏推薦使用這種,因為這可以在多種瀏覽器下使用。 
例子:CSS鼠標手型效果 <a href="#" >CSS鼠標手型效果</a>

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

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

下麵寫法都一樣,這裏就不一一寫完了。
text是移動到文本上的那種效果 
wait是等待的那種效果 
default是默認效果 
e-resize是向右的箭頭
ne-resize是向右上的箭頭
n-resize是向上的箭頭
nw-resize是向左上的箭頭
w-resize是向左的箭頭
sw-resize是左下的箭頭
s-resize是向下的箭頭
se-resize是向右下的箭頭
auto是由係統自動給出效果

最後更新:2017-04-03 16:48:56

  上一篇:go Linux下安裝jdk報Permission denied以及chmod詳解
  下一篇:go 在windows XP係統下編譯和使用ffmpeg