web端 颜色编辑器教程

2024-10-11 20:49:50

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

web端 颜色编辑器教程

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

web端 颜色编辑器教程

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

web端 颜色编辑器教程

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

web端 颜色编辑器教程
猜你喜欢