掘金论坛上看到有人提出用控制台输出对联,结合console的%c占位符书写样式,
横批:空格+文字使用两个样式
对联:进行拆分,高、空格、福;居、空格、照;每一部分三个样式。如此往复就可以了。
console.log(
`%c %c 心 想 事 成
%c高%c %c福
%c居%c %c照
%c宝%c %c家
%c地%c %c门
%c财%c %c富
%c兴%c %c生
%c旺%c %c辉`,
'background: white;',
'background: red; line-height: 24px; height: 24px;margin-left: 6px; margin-bottom: 8px;font-size:14px;',
'background: red;padding:0 3px;line-height: 24px;margin-left:0px;',
'background: white;',
'background: red;padding:0 3px;line-height: 24px;',
'background: red;padding:0 3px;line-height: 24px;margin-left:0px;',
'background: white;',
'background: red;padding:0 3px;line-height: 24px;',
'background: red;padding:0 3px;line-height: 24px;margin-left:0px;',
'background: white;',
'background: red;padding:0 3px;line-height: 24px;',
'background: red;padding:0 3px;line-height: 24px;margin-left:0px;',
'background: white;',
'background: red;padding:0 3px;line-height: 24px;',
'background: red;padding:0 3px;line-height: 24px;margin-left:0px;',
'background: white;',
'background: red;padding:0 3px;line-height: 24px;',
'background: red;padding:0 3px;line-height: 24px;margin-left:0px;',
'background: white;',
'background: red;padding:0 3px;line-height: 24px;',
'background: red;padding:0 3px;line-height: 24px;margin-left:0px;',
'background: white;',
'background: red;padding:0 3px;line-height: 24px;',
);