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