Html <hr> Schild
Eine Linie entlang der X-Achse wird als horizontale Linie bezeichnet, die zwischen den Zeilen von Absätzen verwendet wird, um das Lesen leicht zu machen. Insbesondere können diese Zeilen verwendet werden, um einen thematischen Unterbrechung zwischen verschiedenen Abschnitten oder Absätzen hinzuzufügen. Mit Hilfe eines HTML
Tag, Sie können eine horizontale Zeile auf der Webseite zeichnen.
In diesem Artikel wird Sie über die Verwendung der HTML führen
" Schild.
So setzen Sie die horizontale Linie mit HTML ein
Schild?
Das folgende Beispiel fügt horizontale Linien zwischen den drei hinzu
Elemente. Lassen Sie uns dazu eine HTML -Datei erstellen. Dann fügen Sie drei hinzu
Elemente, um Inhalte hinzuzufügen und die “anzugeben“
”Tag zwischen jedem von ihnen.
Html
Willkommen bei LinuxHint!
Die beste Tutorial -Website
Auf der Mission, die Welt online zu erziehen
Speichern Sie die HTML -Datei und öffnen Sie sie im Browser, um die Ergebnisse zu überprüfen:
Fügen wir nun einige CSS -Eigenschaften zu der hinzu
Element.
So wenden Sie CSS -Eigenschaften auf die an
Element?
Der folgende Abschnitt zeigt die CSS -Eigenschaften, die zusammen mit der Personalabteilung auf die HTML -Elemente angewendet werden.
Fügen Sie in der HTML -Datei im Körperelement ein DIV -Element mit dem Klassennamen hinzu “Linie”. Geben Sie in diesem DIV -Element vier an
Elemente, um Inhalte hinzuzufügen. Jede
Element wird durch getrennt durch
mit Klassen als Zeile1, Zeile2, Zeile3, Zeile4 und Zeile5:
Die gestrichelte Stahlblue -Linie
Die gepunktete blaue Linie
Die gestrichelte grüne Linie
Die runde lila Linie
Style LineBox Div
.LineBox
Rand: 5px;
Grenze: 10px Groove RGB (133, 132, 135);
Polsterung: 15px;
Schriftgröße: 16px
Hier ist die Beschreibung des oben gegebenen Code:
-
- “RandDie Eigenschaft legt den Platz von 5px um das Element um.
- “GrenzeDie Eigenschaft legt den Rand von 10px Breite, Rillenleitentyp und Farbe als RGB fest (133, 132, 135).
- “PolsterungDie Eigenschaft legt Platz um den Inhalt des Elements.
- “SchriftgrößeDie Eigenschaft setzt die Einstellung der Schriftgröße auf 16px.
Stillinie1 von HR
HR.Linie 1
Rand: 5px fester Stahlblue;
Der "Grenze"Eigenschaft mit dem Wert"5px""solide" Und "Stahlblau”Wird auf die Klassenlinie1 des HR -Elements angewendet, wobei der 5px die Breite der Linie repräsentiert, fest ist der Linientyp und SteelBlue die Farbe ist die Farbe.
Stillinie2 von HR
HR.Zeile 2
Grenze: 1PX gepunktet blau;
Für die Klassenzeile2 des HR -Elements hat die Grenzeigenschaft den Wert "1px""gepunktet""BlauWird angewendet, wenn der 1PX die Breite der Linie darstellt, gepunktet ist, und Blau ist seine Farbe.
Style Line3 von HR
HR.Zeile3
Grenze: 3px gestricheltes Grün;
Für die Klassenzeile3 ist der Mehrwert der Grenze “3px""gestrichelt""GrünWenn der 3px die Breite darstellt, ist der gestrichelte Leitungsart und Grün seine Farbe.
Stillinie 4 HR
HR.Zeile4
Grenze: 8px festes Lila;
Border-Radius: 8px;
In ähnlicher Weise haben wir die Grenzeigenschaft auf Line4 angewendet und ihre "festgelegt"Grenzradius" als "8px”.
Es ist zu sehen, dass die Verwendung der HTML
Tag, wir haben vier Arten von horizontalen Zeilen auf unserer Webseite hinzugefügt:
Großartig! Sie haben erfolgreich etwas über die HTML erfahren
Tag mit Beispielen.
Abschluss
Um einen Abschnitt oder Absatz zu trennen, können horizontale Zeilen mit Hilfe des HTML zu unserer Webseite hinzugefügt werden
Schild. Dieses Element wird als leeres Element bezeichnet, da es kein Schlussetikett enthält. Du kannst auch
mit mehreren CSS -Eigenschaften. Dieser Artikel hat die HTML gezeigt
Tag und wie man es mit CSS mit Hilfe von Beispielen stymt.