Comment créer : ligne de séparation

Apprendre à créer différentes lignes de séparation en utilisant CSS.

Ligne brisée

Ligne pointillée

Ligne continue

Arrondi

Essayez-le vous-même

Comment créer une ligne de séparation

Première étape - Ajouter HTML :

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

Deuxième étape - Ajouter CSS :

/* bordure brisée */
hr.dashed {
  border-top: 3px dashed #bbb;
{}
/* bordure pointillée */
hr.dotted {
  border-top: 3px dotted #bbb;
{}
/* bordure continue */
hr.solid {
  border-top: 3px solid #bbb;
{}
/* arrondi des bords */
hr.rounded {
  border-top: 8px solid #bbb;
  border-radius: 5px;
{}

Essayez-le vous-même