Come creare: linea di separazione

Impara come creare diverse linee di separazione utilizzando CSS.

Tratteggiata

Punteggiata

Solida

Arrotondata

Prova da solo

Come creare una linea di separazione

Primo passo - Aggiungi HTML:

<hr class="dashed">
<hr class="dotted">
<hr class="solid">
<hr class="rounded">

Secondo passo - Aggiungi CSS:

/* Cornice tratteggiata */
hr.dashed {
  border-top: 3px dashed #bbb;
}
/* Cornice punteggiata */
hr.dotted {
  border-top: 3px dotted #bbb;
}
/* Cornice solida */
hr.solid {
  border-top: 3px solid #bbb;
}
/* Cornice arrotondata */
hr.rounded {
  border-top: 8px solid #bbb;
  border-radius: 5px;
}

Prova da solo