通过CSS中的cursor属性改变指针（小手）

通过CSS中的cursor属性改变指针

在CSS中有一个cursor方法可以改变鼠标指针状态图标，我们可以利用这个方法来达到移动指针到h1标签上的时候鼠标指针变成小手的状态效果。如下代码：

1

2

3

<meta charset="utf-8"/>

<title>给点击标签加上小手样式 - 琼台博客</title>

<h1 style="cursor:pointer;"onclick="alert('hi');">点击这里</h1>

通过以上例子，可以很好的避免了套a标签带来的样式问题处理。

以上例子中cursor的值pointer表示小手状态，cursor的属性的值有以下类型，不同值可以实现不同的指针效果。

表中数据摘自w3school