css如何让鼠标移入div变成手指

2025-10-02 14:44:47

1、首先在编辑器里新建一个test.html，用来学习css如何让鼠标移入div变成手指

css如何让鼠标移入div变成手指

2、在body区域里，新建一个calss为test的div

css如何让鼠标移入div变成手指

3、在css标签中，给test标签写上基础属性：宽500px，高100px，居中显示，背景色为黄色

css如何让鼠标移入div变成手指

4、在浏览器中打开test.html，鼠标移入div，会看到箭头的效果

css如何让鼠标移入div变成手指

5、回到编辑器，在css标签中，给test标签加上

cursor: pointer;

css如何让鼠标移入div变成手指

6、在浏览器中打开test.html，鼠标移入div,会看到鼠标箭头变成手指样式

css如何让鼠标移入div变成手指

7、贴一下代码：

<!DOCTYPE html>

<html>

<head>

<title>css如何让鼠标移入div变成手指</title>

</head>

<style>

.test{

width: 500px;

height: 100px;

background: yellow;

margin: 0 auto;

cursor: pointer;

}

</style>

<body>

</div>

</body>

</html>

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。