材料/工具: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

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐