Jak ustawić styl poziomej linii

Naucz się, jak używać CSS do ustawiania stylu elementu hr.

poziomej linii

Możesz użyć border Atrybuty do ustawienia hr Styl elementu:

Przykład

/* Czerwony krawędź */
hr.new1 {
  border-top: 1px solid red;
}
/* Czerwony przerywany krawędź */
hr.new2 {
  border-top: 1px dashed red;
}
/* Czerwony punktowy krawędź */
hr.new3 {
  border-top: 1px dotted red;
}
/* Czerwony gruby krawędź */
hr.new4 {
  border: 1px solid red;
}
/* Zielony duży zaokrąglony krawędź */
hr.new5 {
  border: 10px solid green;
  border-radius: 5px;
}

Spróbuj sam

Strony związane

Przeglądarka:Tag <hr> HTML