首页 > 软件开发 > CSS >

chorme谷歌浏览器怎么查看元素hover样式

来源:互联网 2023-03-16 19:16:39 482

作为一名前端开发者,查看网页元素的样式是必不可少的,但是发现每次想要查看元素的hover样式,都很费劲,动不动就跑了,今天小编就教教大家谷歌浏览器怎么查看元素hover样式!ZS6办公区 - 实用经验教程分享!

chorme谷歌浏览器怎么查看元素hover样式ZS6办公区 - 实用经验教程分享!

工具/原料

  • 电脑(DELL)
  • 系统:win10
  • 谷歌浏览器

方法/步骤

  • 1

    使用谷歌浏览器,打开想要查看css样式的网页。ZS6办公区 - 实用经验教程分享!

    chorme谷歌浏览器怎么查看元素hover样式ZS6办公区 - 实用经验教程分享!

  • 2

    鼠标移到有高亮效果的元素上面,会发现变色了,其实就是hover样式。ZS6办公区 - 实用经验教程分享!

    chorme谷歌浏览器怎么查看元素hover样式ZS6办公区 - 实用经验教程分享!

  • 2该信息未经许可获取自百度经验
  • 3

    按下键盘f12,进入开发者工具,点击查看样式的图标。ZS6办公区 - 实用经验教程分享!

    chorme谷歌浏览器怎么查看元素hover样式ZS6办公区 - 实用经验教程分享!

  • 4

    鼠标放到想要查看样式的元素上面,点击下方:hover。ZS6办公区 - 实用经验教程分享!

    chorme谷歌浏览器怎么查看元素hover样式ZS6办公区 - 实用经验教程分享!

  • 5

    会出现各种选择项,勾选hover。ZS6办公区 - 实用经验教程分享!

    chorme谷歌浏览器怎么查看元素hover样式ZS6办公区 - 实用经验教程分享!

  • 6

    就能看到当前元素的hover样式了。ZS6办公区 - 实用经验教程分享!

    chorme谷歌浏览器怎么查看元素hover样式ZS6办公区 - 实用经验教程分享!

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


    标签: CSS

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