JS控制台输出内容 并加入css样式

JS控制台输出内容 并加入css样式

代码:

console.log('\n' + ' %c 银狐笔记_www.ityinhu.com %c ' + '\n', 'color: #fadfa3; background: #030307; padding:5px 0; font-size:12px;', 'background: #fadfa3; padding:5px 0; font-size:12px;');

在网上看到别人的网站Console中有一个输出自己主题名字的样式,然后看了一下之后不错,给自己的主题加了上去。

效果:

JS控制台输出内容 并加入css样式

样式好像有点难看?没事自己改一下就好了

修改后:

console.log('\n' + ' %c 银狐笔记_ityinhu.com %c ' + '\n', 'color: #448ef6; padding:5px 0; border:1px solid #448ef6; font-size:12px;', '');

效果:

JS控制台输出内容 并加入css样式

OK,有那味了 JavaScript与Css的结合。