css改变鼠标形状

<p>原理其实就是一段CSS代码，定义了一下光标，使他不再使用本地的光标！改变鼠标指针形状的方法：系统鼠标指针与自定义控件，一般我们都用系统鼠标指针，其实这已经能满足大部分群众了，通常只有为了页面看起更好看，锦上添花才会选择自定义控件。CSS文件只要在页面中引用了就可以，wordpress的直接添加到style.css中即可 ，其他的不知道可直接添加到页面底部！在此<del>水</del>发文一篇。</p>
<p>例如：</p>
<blockquote>a{ cursor:default;}</blockquote>
<blockquote>div{ cursor:url(url图片地址) }</blockquote>
<p>css样式表（加粗为常用）：<br></p>
<table border=“0” width=“50%” cellpadding=“0” cellspacing=“10”>
<tbody>
<tr>
<th>属性</th>
<th>效果</th>
</tr>
<tr>
<td style=“text-align: left;”> crosshair</td>
<td style=“text-align: left;”> 十字准星</td>
</tr>
<tr>
<td style=“text-align: left;”> <b>auto</b></td>
<td style=“text-align: left;”> 自动</td>
</tr>
<tr>
<td style=“text-align: left;”> default</td>
<td style=“text-align: left;”> 默认（正常选择）</td>
</tr>
<tr>
<td style=“text-align: left;”> hand、<b>pointer</b></td>
<td style=“text-align: left;”> 链接选择（手形）</td>
</tr>
<tr>
<td style=“text-align: left;”> <b>move</b></td>
<td style=“text-align: left;”> 移动 </td>
</tr>
<tr>
<td style=“text-align: left;”> help</td>
<td style=“text-align: left;”> 帮助</td>
</tr>
<tr>
<td style=“text-align: left;”> wait</td>
<td style=“text-align: left;”> 等待</td>
</tr>
<tr>
<td style=“text-align: left;”> text</td>
<td style=“text-align: left;”> 编辑</td>
</tr>
<tr>
<td style=“text-align: left;”> w-resize</td>
<td style=“text-align: left;”> 水平调整（向左）</td>
</tr>
<tr>
<td style=“text-align: left;”> e-resize</td>
<td style=“text-align: left;”> 水平调整（向右）</td>
</tr>
<tr>
<td style=“text-align: left;”> n-resize</td>
<td style=“text-align: left;”> 垂直调整（向上）</td>
</tr>
<tr>
<td style=“text-align: left;”> s_resize</td>
<td style=“text-align: left;”> 垂直调整（向下）</td>
</tr>
<tr>
<td style=“text-align: left;”> ne-resize</td>
<td style=“text-align: left;”> 对角线调整（向右上）</td>
</tr>
<tr>
<td style=“text-align: left;”> sw-resize</td>
<td style=“text-align: left;”> 对角线调整（向左下）</td>
</tr>
<tr>
<td style=“text-align: left;”> se-resize</td>
<td style=“text-align: left;”> 对角线调整（向右下）</td>
</tr>
<tr>
<td style=“text-align: left;”> nw-resize</td>
<td style=“text-align: left;”> 对角线调整（向左上）</td>
</tr>
<tr>
<td style=“text-align: left;”> url(‘光标地址’)</td>
<td style=“text-align: left;”> 自定义光标</td>
</tr>
</tbody>
</table>

好了，直接上一段CSS代码，如果是添加到页面中的请添加<style></style>

<pre class=“line-numbers language-css”><code class=“language-css”>
body {
cursor: url(光标文件.cur), auto;
}
a:hover {
cursor: url(光标文件.cur), auto;
}
</code></pre>
body的为全局默认光标 a:hover的则为a标签时 使用的样式，就这么简单，<img src=“http://moshanghua.oss-cn-shanghai.aliyuncs.com/emoji/xieyanxiao.gif” alt=“表情” />