← Tous les exemples

Code en ligne lisible

Met en évidence le code en ligne avec un fond et une couleur contrastés.

Code à copier

.notion-page-content span[style*="monospace"],
.notion-page-content code {
  background: rgba(135,131,120,0.18) !important;
  color: #c0392b !important;
  border-radius: 4px !important;
  padding: 1px 5px !important;
  font-size: 0.92em !important;
}

Comment utiliser cet exemple

1. Copiez le code avec le bouton ci-dessus.
2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
3. Ajoutez une nouvelle règle correspondant à cette page.
4. Collez le code dans le panneau CSS de la règle et enregistrez — l'effet apparaît aussitôt.