hand:是大家所熟悉的手型。
crosshair:是十字型,就是小烏龜首頁所用的樣式。
text:是平時鼠標移動到文本上的樣式。
wait:是等待的效果。
default:是默認的那種效果。
help:是帶問號的鼠標樣式。
e-resize:是向右的箭頭。
ne-resize:是向右上方的箭頭。
n-resize:是向上的箭頭。
nw-resize:是向左上方的箭頭。
w-resize:是向左的箭關。
sw-resize:是向左下的箭頭。
s-resize:是向下的箭頭。
se-resize:是向右下方的箭頭。
auto:是系統自動的效果。
當然根據需要你也可以將樣式應用於其它標簽,或者單純的只應用於某一段文本。如果讀者對CSS代碼不陌生的話,或許直接手寫代碼更方便。特別是,如果你想在不同的位置運用不同的鼠標樣式,或者不同的標簽使用不同的鼠標樣式。直接將樣式寫在某個具體的標簽裡邊就可以了。
方法是:< tag style=cursor:mouse_style>。其中tag是標簽名,mouse_style就是鼠標樣式,如hand/crosshair/text/wait等等。
下面舉個具體的實例以加深大家對鼠標樣式設置的理解。
hand:是大家所熟悉的手型。< /span>
< span style=cursor:crosshair>crosshair:是十字型,就是小烏龜首頁所用的樣式。< /span>
< span style=cursor:text>text:是平時鼠標移動到文本上的樣式。< /span>
< span style=cursor:wait>wait:是等待的效果。< /span>
< span style=cursor:default>default:是默認的那種效果。< /span>
< span style=cursor:help>help:是帶問號的鼠標樣式。< /span>
< span style=cursor:e-resize>e-resize:是向右的箭頭。< /span>
< span style=cursor:ne-resize>ne-resize:是向右上方的箭頭。< /span>
< span style=cursor:n-resize>n-resize:是向上的箭頭。< /span>
< span style=cursor:nw-resize>nw-resize:是向左上方的箭頭。< /span>
< span style=cursor:w-resize>w-resize:是向左的箭關。< /span>
< span style=cursor:sw-resize>sw-resize:是向左下的箭頭。< /span>
< span style=cursor:s-resize>s-resize:是向下的箭頭。< /span>
< span style=cursor:se-resize>se-resize:是向右下方的箭頭。< /span>
< span style=cursor:auto>auto:是系統自動的效果。< /span>
將上面這段代碼拷到你的網頁中,按F12預覽。將你的鼠標移到相應的文本上方,看看鼠標有什麼變化?是不是以相應的樣式顯現了?