HTML中的鼠标光标属性

时间：2023-03-09 21:35:29
HTML中的鼠标光标属性

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

 <!--
 在网页中默认的鼠标指针只有两种，一种是最普通的箭头，另一种是当移动到链接上时出现的“小手”。但现在越来越多的网页都使用了CSS鼠标指针技术，当将鼠标移动到链接上时，可以看到多种不同的效果。CSS可以通过cursor属性实现鼠标形状的改变，其属性可以是
 默认的鼠标形状default、
 小手形状hand、
 交叉十字crosshair、
 文本选择符号text、
 Windows的沙漏形状的wait、
 带有问好的鼠标help
 以及各个方向的箭头属性值
 -->
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
 <title>鼠标光标属性</title>
 <style>
     h1{
         cursor:help;
     }
     h2{
         cursor:wait;
     }
     h3{
         cursor:pointer;
     }
 </style>
 </head>

 <body>
     <h1>wwwwwwwwwwwwwwwww</h1>
     <h2>wwwwwwwwwwwwwwwww</h2>
     <h3>wwwwwwwwwwwwwwwww</h3>
 </body>
 </html>

相关文章