首页 > 其他 > 详细

关于console.log带样式输出

时间:2021-07-30 09:01:15      阅读:31      评论:0      收藏:0      [点我收藏+]

技术分享图片

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

  “嘿嘿,有趣”

  “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的魔幻之旅暂时先这样,一个样式和多个样式并用

 

关于console.log带样式输出

原文:https://www.cnblogs.com/yinglizi/p/15077860.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!