Heim  >  Artikel  >  Web-Frontend  >  So legen Sie die Dicke von hr in HTML fest

So legen Sie die Dicke von hr in HTML fest

青灯夜游
青灯夜游Original
2021-02-26 17:05:1821100Durchsuche

In HTML können Sie das CSS-Randattribut verwenden, um die Dicke, Farbe und andere Stile der hr-horizontalen Linie festzulegen. Sie müssen nur den „Rahmen: Breitenwert, Wert, Farbwert“ zum hr-Tag hinzufügen. zum Beispiel „hr{border: 5px solid red;}“.

So legen Sie die Dicke von hr in HTML fest

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

hr ist eine horizontale Trennlinie (horizontale Regel) auf der HTML-Seite, die das Dokument visuell in verschiedene Teile unterteilen kann. Es muss über Tags in der HTML-Seite erstellt werden.

Der Standard-HR-Tag-Stil:

So legen Sie die Dicke von hr in HTML fest

ist nur eine schwarze Linie, die überhaupt nicht schön ist, geschweige denn dazu dient, die Seite schön zu machen. Dazu ist die Verwendung von CSS erforderlich, um den HR-Stil festzulegen.

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

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

Rendering:

So legen Sie die Dicke von hr in HTML fest

[Empfohlenes Tutorial: CSS-Video-Tutorial]

Sie können den Stil von hr auch mithilfe des CSS-Rahmens festlegen Attribut:

<hr style="border-top:1px dashed #0066CC;"/>

So legen Sie die Dicke von hr in HTML fest

Beschreibung:

border-Kurzschrifteigenschaft legt alle Randeigenschaften in einer Anweisung fest.

Sie können die folgenden Attribute der Reihe nach festlegen:

  • Rahmenbreite: Gibt die Breite des Rahmens an.

  • border-style: Gibt den Stil des Rahmens an.

    So legen Sie die Dicke von hr in HTML fest

  • border-color: Gibt die Farbe des Rahmens an.

Weitere Programmierkenntnisse finden Sie unter: Programmiervideo! !

Das obige ist der detaillierte Inhalt vonSo legen Sie die Dicke von hr in HTML fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn