网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 生活知识 知识问答

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

时间:2026-02-12 18:15:57

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>

<meta charset="utf-8">

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

</head>

<style>

.test{

width: 500px;

height: 100px;

background: yellow;

margin: 0 auto;

cursor: pointer;

}

</style>

<body>

<div class="test">

</div>

</body>

</html>

© 2026 智德知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com