html 中加小手,html中鼠标如何设置显示小手状?

材料/工具:css

1、打开前端开发软件,新建一个html代码页面

5b9f83779d2ebfc8524ad53d5d6221dc.png

2、在新建的html代码页面上找到

,在这个标签里创建一个标签,a案例中使用的是 。

代码:

大家好,鼠标放到我身上就可看到效果

13ac5bd3269f3253e8c79c07b9bae6e0.png

3、为新家添加鼠标指针为手指样式。在html代码页面中找到,在这个后面创建一个

代码:

.pointer{

cursor: pointer;

}

c53959491433a1c90f413828b3da27aa.png

4、把鼠标指针样式添加到标签上。

添加后的代码:

大家好,鼠标放到我身上就可看到效果

f3d7a056a64958719ecd415337282143.png

5、保存html代码后使用浏览器打开,当鼠标滑过上的文字后即可看到鼠标变为了指针状态。可以直接复制以下代码到新建的html文件上,粘贴保存后使用浏览器打开即可看到效果。

所有代码:

css设置鼠标指针

.pointer{

cursor: pointer;

}

大家好,鼠标放到我身上就可看到效果

4864a18506f974143f062525529d8e09.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值