HTML中的鼠标光标属性

在网页中默认的鼠标指针只有两种,一种是最普通的箭头,另一种是当移动到链接上时出现的“小手”。但现在越来越多的网页都使用了CSS鼠标指针技术,当将鼠标移动到链接上时,可以看到多种不同的效果。CSS可以通过cursor属性实现鼠标形状的改变,其属性可以是
默认的鼠标形状default、
小手形状hand、
交叉十字crosshair、
文本选择符号text、
Windows的沙漏形状的wait、
带有问好的鼠标help
以及各个方向的箭头属性值

 1 <!--
 2 在网页中默认的鼠标指针只有两种,一种是最普通的箭头,另一种是当移动到链接上时出现的“小手”。但现在越来越多的网页都使用了CSS鼠标指针技术,当将鼠标移动到链接上时,可以看到多种不同的效果。CSS可以通过cursor属性实现鼠标形状的改变,其属性可以是
 3 默认的鼠标形状default、
 4 小手形状hand、
 5 交叉十字crosshair、
 6 文本选择符号text、
 7 Windows的沙漏形状的wait、
 8 带有问好的鼠标help
 9 以及各个方向的箭头属性值
10 -->
11 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
12 <html xmlns="http://www.w3.org/1999/xhtml">
13 <head>
14 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
15 <title>鼠标光标属性</title>
16 <style>
17     h1{
18         cursor:help;
19     }
20     h2{
21         cursor:wait;
22     }
23     h3{
24         cursor:pointer;
25     }
26 </style>
27 </head>
28 
29 <body>
30     <h1>wwwwwwwwwwwwwwwww</h1>
31     <h2>wwwwwwwwwwwwwwwww</h2>
32     <h3>wwwwwwwwwwwwwwwww</h3>
33 </body>
34 </html>
原文地址:https://www.cnblogs.com/Y-HKL/p/5245015.html