关于console.log带样式输出

  “嗯,这是什么神仙操作!控制台打印出了带样式的信息?”

  “嘿嘿,有趣”

  “console.log()隐藏系样式功能之%c”

 

示例1代码:

  

1 console.log(" %c 我是帅哥", 'color: pink; font-size:50px; background-image: linear-gradient(to right, orange, lightblue, purple)')

 

显示1:

  

 

 示例2代码:

  

1 console.log( " %c 我是帅哥 " + "%c ➡️ " + "%c 可是我没有钱 ", 'color: pink; font-size:50px; background-image: linear-gradient(to right, orange, lightblue, purple)', "color: red; font-size: 50px", "color: #fadfa3; background: #030307; font-size: 50px;");

 

显示2:

  

 

 总结:console.log()之%c的魔幻之旅暂时先这样,一个样式和多个样式并用

 

posted @ 2021-07-30 03:22  樱离子  阅读(211)  评论(0编辑  收藏  举报