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

时间:2024-10-14 12:37:17

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>

© 手抄报圈