Html <hr> Etykietka
Linia wzdłuż osi x jest określana jako pozioma linia używana między liniami akapitów, aby ułatwić odczytanie. Mówiąc dokładniej, linie te można wykorzystać do dodania przerwy tematycznej między różnymi sekcjami lub akapitami. Z pomocą HTML
tag, możesz narysować linię poziomą na stronie internetowej.
Ten zapis poprowadzi Cię o użyciu HTML "
”Tag.
Jak wstawić poziomą linię za pomocą HTML
etykietka?
Poniższy przykład doda poziome linie między trzema
elementy. Aby to zrobić, utwórzmy plik HTML. Następnie dodaj trzy
elementy, aby dodać trochę treści i określić „
”Tag między każdym z nich.
Html
Witamy w Linuxhint!
Najlepsza strona internetowa samouczka
Na misję edukacji świata online
Zapisz plik HTML i otwórz go w przeglądarce, aby sprawdzić wyniki:
Teraz dodajmy kilka właściwości CSS do
element.
Jak zastosować właściwości CSS do
Element?
Poniższa sekcja pokaże właściwości CSS, które są stosowane do elementów HTML wraz z HR.
W pliku HTML, wewnątrz elementu ciała, dodaj element DIV o nazwie klasy „Linebox". Wewnątrz tego elementu Div określ cztery
elementy, aby dodać trochę treści. Każdy
element jest oddzielony przez
z klasami jako Line1, Line2, Line3, Line4 i Line5:
Przerywana linia steelblue
Kropkowana niebieska linia
Przerywana zielona linia
Okrągła fioletowa linia
Styl linebox div
.LineBox
Margines: 5px;
granica: 10px groove RGB (133, 132, 135);
Wyściółka: 15px;
Rozmiar czcionki: 16px
Oto opis powyższego kodu:
-
- "margines”Właściwość ustawia przestrzeń 5px wokół elementu.
- "granica”Właściwość ustawia granicę szerokości 10px, typ linii rowka i kolor jako RGB (133, 132, 135).
- "wyściółka„Właściwość ustawia przestrzeń wokół zawartości elementu.
- "rozmiar czcionki”Właściwość ustawia ustawienie rozmiaru czcionki na 16px.
Linia Style1 HR
Hr.linia 1
granica: 5px stały stelblue;
„„granica„Własność o wartości”5px”„solidny" I "stalowo - niebieski”Jest stosowany do linii klasowej 1 elementu HR, w którym 5px reprezentuje szerokość linii, stałe jest typem linii, a stelblue to kolor.
Styl linia 2 HR
Hr.linia 2
granica: 1px kropkowany niebieski;
Dla linii klasowej 2 elementu HR właściwość graniczna o wartości „1px”„kropkowany”„niebieski”Jest stosowany, gdy 1px reprezentuje szerokość linii, kropkowane jest typ linii, a niebieski jest jej kolor.
Style Line3 HR
Hr.linia3
Border: 3px przerywany zielony;
Dla linii klasowej3 wartość dodana granicy wynosi „3px”„przeszyty”„zielony”Tam, gdzie 3px reprezentuje szerokość, przerywany jest typ linii, a zielony jest jego kolor.
Style Line4 HR
Hr.linia4
granica: 8px solidny fiolet;
RADIUS Border: 8px;
Podobnie zastosowaliśmy właściwość graniczną do linii4 i ustawiliśmy jej „Radiusz graniczny" Jak "8px".
Można zauważyć, że za pomocą HTML
Tag, dodaliśmy cztery typy linii poziomych na naszej stronie internetowej:
Świetnie! Z powodzeniem dowiedziałeś się o HTML
Tag z przykładami.
Wniosek
Aby oddzielić sekcję lub akapit, do naszej strony internetowej można dodać linie poziome za pomocą HTML
etykietka. Ten element jest znany jako pusty element, ponieważ nie zawiera znacznika zamykania. Możesz również
z kilkoma właściwościami CSS. W tym artykule pokazano HTML
tag i jak stylizować to za pomocą CSS za pomocą przykładów.