手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

css如何设置鼠标指针;css如何设置鼠标手指

时间:2024-10-11 21:57:39

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

css如何设置鼠标指针;css如何设置鼠标手指

2、在新建的html代码页面上找到<body>,在这个<body>标签里创建一个标签,a案例中使用的是<a>。代码:<a href=""> 大家好,鼠标放到我身上就可看到效果 </a>

css如何设置鼠标指针;css如何设置鼠标手指

3、为新家<a>挢旗扦渌;添加鼠标指针为手指样式。在html代码页面中找到<tilte>,在这个<tit造婷用痃le>后面创建一个<style>,然后在<style>中新建一个样式类,最后为这个样式类添加鼠标指针样式。代码: <style type="text/css"> .pointer{ cursor: pointer; } </style>

css如何设置鼠标指针;css如何设置鼠标手指

4、把鼠标指针样式添加到<a>标签上。如图:添加后的代码:<a href="" class="pointer"> 大家好,鼠标放到我身上就可看到效果 </a>

css如何设置鼠标指针;css如何设置鼠标手指

5、保存html代码后使用浏览器打开,当鼠标滑过<a>上的文字后即可看到鼠标变为了指针状态。

6、可以直接复制以下代码到新建的html文件上,粘贴保存后使用浏览器龅歧仲半打开即可看到效果。所有代码:<!DOCTYPE html>&造婷用痃lt;html> <head> <meta charset="utf-8" /> <title>css设置鼠标指针</title> <style type="text/css"> .pointer{ cursor: pointer; } </style> </head> <body> <a href="" class="pointer"> 大家好,鼠标放到我身上就可看到效果 </a> </body></html>

css如何设置鼠标指针;css如何设置鼠标手指
© 手抄报圈