Como criar: Distintivo

Aprenda a criar distintivos usando CSS.

Os distintivos podem ser usados para adicionar informações adicionais a elementos/conteúdo:

Título de exemplo Novo

Título de exemplo Novo

Título de exemplo Novo

Título de exemplo Novo

Experimente você mesmo

Como criar um distintivo

Primeiro passo - Adicionar HTML:

<span class="badge">Novo</span>

Segundo passo - Adicionar CSS:

.badge {
  cor-fundo: vermelho;
  cor: branco;
  padding: 4px 8px;
  text-align: center;
  border-radius: 5px;
}

Experimente você mesmo