子比美化---控制台美化输出

文章最后更新时间:2025-09-06 23:47:14

使用CSS样式在浏览器控制台中创建美观的信息输出

20250916200750887-20250916200750260155

 

实现代码

以下JavaScript代码可以在控制台输出带样式的信息:

 

代码说明

console.log 可以接受多个参数,其中使用 %c 作为CSS样式的占位符。

第一个 %c 对应第一个样式字符串,第二个 %c 对应第二个样式字符串,以此类推。

样式解释

  • color: #f1ab0e - 文字颜色
  • background: #030307 - 背景颜色
  • padding: 5px 0 - 内边距
  • border-*-radius: 8px - 圆角边框
© 版权声明
THE END
喜欢就支持一下吧
点赞0
评论 抢沙发

请登录后发表评论

    暂无评论内容