巧合要用到鼠標樣式效果,就順便整理了下十五種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)自動給出效果
新聞熱點
疑難解答