Kann CSS für das HR-Tag in HTML5 verwendet werden?

In HTML5 kann das hr-Tag mit CSS gestaltet werden. Der CSS-Stil kann nur das Style-Attribut verwenden, um das hr-Element mit CSS-Stil festzulegen ="css style code; "/>" oder "hr{css style code;}".

Die Betriebsumgebung dieses Tutorials: Windows 10-System, HTML5-Version, Dell G3-Computer.

Kann ich CSS für das hr-Tag in HTML5 verwenden?

Einfach ausgedrückt ist hr eine horizontale Trennlinie (horizontale Regel) auf der HTML-Seite, die das Dokument visuell in verschiedene Teile unterteilen kann. Muss in der HTML-Seite über das

---

-Tag erstellt werden.

Dann werfen wir einen Blick auf den Standard-HR-Tag-Stil:

ist nur eine schwarze Linie, die überhaupt nicht schön ist, geschweige denn, wenn Sie

---

verwenden, um die Seite schön zu machen CSS, um den HR-Stil festzulegen.

HR-Stil mit CSS festlegen

Wie legen wir den HR-Stil mit CSS fest? Tatsächlich ist es sehr einfach, den Stil von hr über das CSS-Randattribut und das CSS-Hintergrundbildattribut festzulegen:

1.css legt die Dicke (fett) und die Farbe von hr fest

2. CSS legt den gepunkteten Linienstil von hr fest (die Farbe ist blau).

5.css legt den Verlaufsstil von hr fest

HTML-Code:

<hr style="border: 5px solid red;"/><!--修改的样式-->
<br />
<hr /><!--默认的样式-->

css-Code:

<hr   style="max-width:90%"/>

Die oben genannten sind nur einige einfache Beispiele. Der Stil des hr-Tags kann auch durch realisiert werden CSS. Jeder kann es versuchen!

Empfohlenes Tutorial: „

HTML-Video-Tutorial

“

Das obige ist der detaillierte Inhalt vonKann CSS für das HR-Tag in HTML5 verwendet werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!