css鼠标变成小手怎么设置?

分类：div+css教程时间：2022-06-25 07:30:17

HTML中的a标签用鼠标移上去是变小手样式的，那么其它标签css鼠标变成小手怎么设置？在css里写个cursor:pointer即可鼠标变成小手。

1、css鼠标变成小手实例代码如下：

<!DOCTYPE html>
<html>
 <head>
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>css鼠标变成小手设置</title>
   <style type="text/css">
     .box {
       width: 200px;
       height: 200px;
       border: 1px solid red;
       cursor: pointer;
     }
   </style>
 </head>
 <body>
   <div class="box">鼠标移上去变小手哦</div>
 </body>
</html>

2、鼠标变成小手效果图如下：

css鼠标变成小手怎么设置

除注明外的文章,均为来源:老汤博客,转载请保留本文地址！
原文地址：https://tangjiusheng.com/divcss/412.html

关注下头条号后，请私信将免费分享给你一份web前端资料！
立即关注

大家都在看