首页 > 软件开发 > HTML >

HTML中如何使标签鼠标放上去时显示手形状

来源:互联网 2023-03-16 19:16:13 356

我们在web前端开发时,经常需要用到一些css技巧,今天我们就来介绍下,HTML中如何使a>标签鼠标放上去时显示手形状。Nr3办公区 - 实用经验教程分享!

工具/原料

  • Eclipse
  • 谷歌浏览器chrome
  • tomcat V8.5

方法/步骤

  • 1

    我们在Eclipse里面,新建一个web项目,在里面新建一个H9页面,在页面里面输入“a>点击我/a>”,如图所示。Nr3办公区 - 实用经验教程分享!

    HTML中如何使标签鼠标放上去时显示手形状Nr3办公区 - 实用经验教程分享!

  • 2

    然后我们启动项目,打开谷歌浏览器,在地址栏输入项目的ip,端口,项目名称,页面名称,访问。可以看到页面正常显示,但我们鼠标放上去鼠标形状没有任何变化。Nr3办公区 - 实用经验教程分享!

    HTML中如何使标签鼠标放上去时显示手形状Nr3办公区 - 实用经验教程分享!

  • 3

    然后我们在代码里,加上一段代码:Nr3办公区 - 实用经验教程分享!

    a{Nr3办公区 - 实用经验教程分享!

    cursor:pointer;Nr3办公区 - 实用经验教程分享!

    }Nr3办公区 - 实用经验教程分享!

    ,保存一下。Nr3办公区 - 实用经验教程分享!

    HTML中如何使标签鼠标放上去时显示手形状Nr3办公区 - 实用经验教程分享!

  • 3此文章非法爬取自百度经验
  • 4

    我们刷新一下浏览器,重新加载页面,可以看到此时,我们将鼠标再次放上去时,鼠标已经变成手形了,达到了我们的预期。Nr3办公区 - 实用经验教程分享!

    HTML中如何使标签鼠标放上去时显示手形状Nr3办公区 - 实用经验教程分享!

  • 5

    然后我们更改一下代码,用另外的一种方式,写入如下代码:Nr3办公区 - 实用经验教程分享!

    a href="">点击我/a>Nr3办公区 - 实用经验教程分享!

    这里是给a标签加上一个超级链接,保存一下。Nr3办公区 - 实用经验教程分享!

    HTML中如何使标签鼠标放上去时显示手形状Nr3办公区 - 实用经验教程分享!

  • 6

    我们再次刷新浏览器,可以看到我们再将鼠标放上去时,鼠标依然变成了手形,而且由于加了超链接的原因,下方还有下划线。Nr3办公区 - 实用经验教程分享!

    如果觉得有用,记得点赞或投票支持!Nr3办公区 - 实用经验教程分享!

    HTML中如何使标签鼠标放上去时显示手形状Nr3办公区 - 实用经验教程分享!

  • 注意事项

    • html中a标签加上超级链接,可以自动使鼠标变为手形。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!Nr3办公区 - 实用经验教程分享!


    标签: CSSHTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码