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.
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
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
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
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!
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!