web端 颜色编辑器教程

2025-05-10 09:39:25

1、打开chrome浏览器,进入百度首页(此处在开发者模式中,去除了一些标签,突出了搜索框,用于演示)

web端 颜色编辑器教程

3、点击F12出来的窗口中的左上角,箭头图标,然后,移到百度一下四个字上面,点击鼠标。左下角就会选中这个标签,右侧显示他的css样式

web端 颜色编辑器教程

5、点击color所在的大括号{}行的右侧,会出现几个图标,点击Add Color图标,会弹出一个取色器窗口

web端 颜色编辑器教程

7、此时随便使用一种方式,获取一个16进制的颜色值,此时界面的文字颜色也会跟着筐毙险裆变化了。注意:页面刷新后,在浏览器上修改的颜色都将还原,因此,此种方式仅用于快速修改颜色,达到理想的状态,最终需要将颜色修改到项目中去,才会生效

web端 颜色编辑器教程
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢