2

kurs

html

Lekcja 6: Linia pozioma

html

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

W kolejnym przykładzie usuniemy cień spod linii i zmienimy kolor na czerwony.

<hr style="border: 0px; background: red; height: 1px;">
Przykład
comments powered by Disqus

Do góry