Jak zmienić kolor i grubość linii hr?

HTML posiada znacznik hr, który jest domyślnie ostylowany przez przeglądarkę.

Na pewno wiele osób zadawało sobie takie pytanie:

Czy istnieje sposób aby zmienić kolor i grubość linii hr?

Odpowiedź brzmi „tak, zmiana koloru i grubości linii hr jest możliwa„.

Aby zmienić kolor i grubość linii hr należy:

1. Zresetować wartość atrybutu border,
2. Nadać nowe wartości dla atrybutu border-top.

Przykład:

.foo__line {
  border: none;
  border-top: 1px solid red;
}

Powyższy przykład sprawi, że element z klasą .foo__line będzie posiadał górną krawędź o rozmiarze 1 piksela i będzie ona w kolorze czerwonym.