css鼠标样式

心已赠人 2022-11-26 01:58 139阅读 0赞

<table> 
 <thead> 
  <tr> 
   <th>css</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>course:default</td> 
   <td><img src="https://img-blog.csdnimg.cn/202008101411426.png" alt="默认正常鼠标指针"></td> 
  </tr> 
  <tr> 
   <td>course:help</td> 
   <td><img src="https://img-blog.csdnimg.cn/20200810141335844.png" alt="帮助选择"></td> 
  </tr> 
  <tr> 
   <td>course:wait</td> 
   <td><img src="https://img-blog.csdnimg.cn/20200810141355855.png" alt="忙碌"></td> 
  </tr> 
  <tr> 
   <td>course:crosshair</td> 
   <td><img src="https://img-blog.csdnimg.cn/20200810141458391.png" alt="精确选择"></td> 
  </tr> 
  <tr> 
   <td>course:text</td> 
   <td><img src="https://img-blog.csdnimg.cn/20200810141511155.png" alt="文本选择"></td> 
  </tr> 
  <tr> 
   <td>course:s-resize</td> 
   <td><img src="https://img-blog.csdnimg.cn/20200810142123329.png" alt="垂直调整"></td> 
  </tr> 
  <tr> 
   <td>course:w-resize</td> 
   <td><img src="https://img-blog.csdnimg.cn/20200810142115756.png" alt="水平调整"></td> 
  </tr> 
  <tr> 
   <td>course:se-resize</td> 
   <td><img src="https://img-blog.csdnimg.cn/20200810142106760.png" alt="左上/右下对角线调整"></td> 
  </tr> 
  <tr> 
   <td>course:ne-resize</td> 
   <td><img src="https://img-blog.csdnimg.cn/20200810142100685.png" alt="右上/左下对角线调整"></td> 
  </tr> 
  <tr> 
   <td>course:move</td> 
   <td><img src="https://img-blog.csdnimg.cn/20200810142054703.png" alt="移动"></td> 
  </tr> 
  <tr> 
   <td>course：pointer</td> 
   <td><img src="https://img-blog.csdnimg.cn/20200810142046751.png" alt="链接选择"></td> 
  </tr> 
  <tr> 
   <td>course:url(“图片地址”)</td> 
   <td>设置鼠标指针默认图片</td> 
  </tr> 
 </tbody> 
</table>