Estilizar console.log com CSS
23d atrás
É possível estilizar os textos que são mostrados na função console.log(), é muito simples, basta usar CSS convecional. Aqui está um exemplo de console.log normal:
console.log('console.log sem estilo');
Para estilizar o console.log, você precisa fazer apenas 2 alterações, a primeira é colocar %c antes do texto, para vincular um CSS, e a segunda é passar o CSS que será vinculado. Fica assim:
console.log('%cOlá mundo! console.log com estilo', 'background-color: lightgreen; border-radius: 0.25em; color: black; font-family: monospace; font-size: 1.25em; padding: 0.25em;');
Comentários (0)