众所周知,console.log
能在控制台打印出信息,常用于代码调试,我们都用烂了。
但是,你可能不知道如何打印出带有样式的信息。
打开百度首页的控制台,文本颜色是红色的
![](https://i-blog.csdnimg.cn/blog_migrate/6ccc72ffd05f3112381198021468aa74.png)
京东的控制台也有样式
![](https://i-blog.csdnimg.cn/blog_migrate/1ebcea291af87f90ffd1dded9057a205.png)
如何制作哟样式的控制台信息
直接上代码
console.log('%c 好好学习,天天向上', 'background:#41b883;color:#fff;border-radius: 3px')
效果预览
![](https://i-blog.csdnimg.cn/blog_migrate/2fe2b100e18b570ed5549f07b4c96c70.png)
笔记 (阅读这篇文章的收获)
给 console
添加样式,需要使用到占位符:%c
第二个参数可以设置样式
赶快去试试吧