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

 分类:div+css教程时间:2022-06-25点击:

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鼠标变成小手怎么设置


除注明外的文章,均为来源:老汤博客,转载请保留本文地址!
原文地址: