通過CSS鼠標(biāo)形狀定義大全

2012/10/23 18:16:22作者：佚名來源：網(wǎng)絡(luò)

移動端

【實例名稱】

鼠標(biāo)形狀定義大全

【實例描述】

在網(wǎng)頁的不同狀態(tài)下，鼠標(biāo)可以展示為不同的樣式，本例羅列了常用的鼠標(biāo)樣式。

【實例代碼】

 <html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁</title>
</head>
<body>
<table>
<tr><td><a href="#" style="cursor:auto">隨機自動箭頭</a>
</td><td><a href="#" style="cursor:default">標(biāo)準(zhǔn)箭頭</a></td></tr>
<tr><td><a href="#" style="cursor:hand">手形光標(biāo)</a>
</td><td><a href="#" style="cursor:wait">等待光標(biāo)</a></td></tr>
<tr><td><a href="#" style="cursor:text">I形光標(biāo)</a></td>
<td><a href="#" style="cursor:vertical-text">水平I形光標(biāo)</a></td></tr>
<tr><td><a href="#" style="cursor:no-drop">不可拖動光標(biāo)</a>
</td><td><a href="#" style="cursor:not-allowed">無效光標(biāo)</a></td></tr>
<tr><td><a href="#" style="cursor:help">?幫助光標(biāo)</a></td>
<td><a href="#" style="cursor:all-scroll">三角方向標(biāo)</a></td></tr>
<tr><td><a href="#" style="cursor:move">移動標(biāo)</a></td>
<td><a href="#" style="cursor:crosshair">十字標(biāo)</a></td></tr>
</table>
</body>
</html>

【運行效果】

運行效果