HTML中的鼠标光标属性 - Y-HKL

顺晟科技

2022-09-15 21:23:20

300

默认鼠标形状default、小手形状hand、交叉十字crosshair、文本选择符号text、 Windows的沙漏形状的wait、带有问好的鼠标help

在网页中默认的鼠标指针只有两种，一种是最普通的箭头，另一种是当移动到链接上时出现的“小手”。但现在越来越多的网页都使用了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>

上一篇：html鼠标光标样式下一篇：铬/铬HTML5视频视频播放硬件加速

网站建设

Html

HTML中的鼠标光标属性 - Y-HKL