设置cursor属性值来实现不同鼠标指针形状
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
table{
font-size:12px;
background-color:activecaption;
cursor:crosshair;
}
a{
cursor:help;
}
td{
curosr:text;
}
.bth{
font-size:12px;
cursor:hand;
}
</style>
</head>
<body>
<table border="0">
<tr height="30">
<td align="center">图书编号</td><td align="center">图书名称</td>
<td align="center">作者</td><td align="center">图书价格</td>
</tr>
<tr>
<td>001</td>
<td>
<a href="#">图书1</a>
</td>
<td>明日科技</td><td>98元</td>
</tr>
<tr>
<td>002</td>
<td><a href="#">图书2</a></td>
<td>xx</td><td>79元</td>
</tr>
</table>
<input type="button" value="提交" class="btn">
</body>
</html>
动画光标
设置cursor的url属性,动态光标一般为.ani文件
<style type="text/css">
body{
cursor:url('文件名.ani');
}
<style>