CSS {ênfase para códigos}

Utilizado para dar ênfase em uma palavra de código dentro de um retângulo cinza e com fonte em fúcsia e negrito


1. Como utilizar


Este é um exemplo de <code class="destaque">texto destacado para códigos</code>, destacando um código dentro de uma frase.

2. Resultado

Este é um exemplo de texto destacado para códigos, destacando um código dentro de uma frase.


3. CSS implementado no blog


code.destaque {
  font-family: monospace; /* Fonte monoespacada */
  font-weight: bold;      /* Texto em negrito */
  background-color: #f4f4f4; /* Fundo cinza */
  padding: 2px 4px;       /* Espaçamento interno */
  border-radius: 3px;     /* Borda arredondada */
  color: #e04040;         /* Cor do texto (opcional) */
  border: 1px solid #ddd; /* Borda sutil (opcional) */
}

Whatsapp Button works on Mobile Device only

Pesquise no blog