css如何让鼠标移入div变成手指
来源:网络收集 点击: 时间:2024-06-07【导读】:
在css中可以通过设置属性让图片在div内居中,今天我来给大家介绍下css如何让鼠标移入div变成手指工具/原料more电脑css+html代码编辑器(本文用的HBuilder)方法/步骤1/7分步阅读
2/7
3/7
4/7
5/7
6/7
7/7
首先在编辑器里新建一个test.html,用来学习css如何让鼠标移入div变成手指

在body区域里,新建一个calss为test的div

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

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

回到编辑器,在css标签中,给test标签加上
cursor: pointer;

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

贴一下代码:
!DOCTYPE html
html
head
meta charset=utf-8
titlecss如何让鼠标移入div变成手指/title
/head
style
.test{
width: 500px;
height: 100px;
background: yellow;
margin: 0 auto;
cursor: pointer;
}
/style
body
div class=test
/div
/body
/html
注意事项div 内得所有元素都会变成手指样式
如果帮助到你,请给个赞哦
DIVCSSCURSORHTML版权声明:
1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。
2、本站仅提供信息发布平台,不承担相关法律责任。
3、若侵犯您的版权或隐私,请联系本站管理员删除。
4、文章链接:http://www.1haoku.cn/art_886462.html
上一篇:百度云怎么备份手机相册照片?怎么设置?
下一篇:艾尔登法环怎么召唤自己的队友一起玩