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

 时间:2024-09-25 11:10:05

在css中可以通过设置属性让图片在div内居中,今天我来给大家介绍下css如何让鼠标移入div变成手指

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

工具/原料

电脑

css+html

代码编辑器(本文用的HBuilder)

方法/步骤

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、贴一下代码佼沣族昀:<!DOCTYPEhtml><html> <head> <metacharset=&quo墉掠载牿t;utf-8"> <title>css如何让鼠标移入div变成手指</title> </head> <style> .test{ width:500px; height:100px; background:yellow; margin:0auto; cursor:pointer; } </style> <body> <divclass="test"> </div> </body></html>

android fragment 切换 visual studio快速查找怎么从整个项目中查找 怎么在Typora中关闭拼写检查 如何解决JDK12安装后没有JRE目录的问题 前端编程-用浏览器自带的取色功能快速拾取颜色
热门搜索
qq壁纸图片 剑图片大全 现代简约风格装修图片 简单手绘图片 香水百合图片