Kategorie
Kurs HTML

Linia pozioma

Tworząc stronę powinniśmy kierować się jej czytelnością, dlatego warto tak zaplanować jej strukturę, aby czytelnik mógł łatwo przemieszczać się pomiędzy kolejnymi sekcjami strony.

Jednym z elementów, który ułatwi nam przygotowanie przejrzystego układu dokumentu HTML jest znacznik linii poziomej hr. Biegnie ona na całej szerokości strony bądź kontenera, w którym jest zdefiniowany.

<hr>

Przykład


Jeśli zajdzie potrzeba możemy zmienić wygląd naszej linii poziomej posługując się stylem lokalnym (bezpośrednio w znaczniku). W poniższym przykładzie ustalimy kolor linii na zielony.

<hr style="color: green;">

Przykład


Możemy zmienić jej długość.

<hr style="width: 20%;">

Przykład


Ustawmy jej szerokość.

<hr style="height: 10px; background: gray; border: 0px;">

Przykład


Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *