Heim > Artikel > Web-Frontend > So legen Sie die Breite von hr in CSS fest
So legen Sie die Breite von hr in CSS fest
- 青灯夜游Original
- 2021-11-02 15:45:184256Durchsuche
In CSS können Sie das width-Attribut verwenden, um die Breite von hr festzulegen. Die Funktion dieses Attributs besteht darin, die Breite des Elements festzulegen. Sie müssen nur „hr{width: width value + unit;}“ festlegen. Stil für das HR-Element.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
Die durch das <hr>-Tag in HTML festgelegte Breite der horizontalen Linie füllt standardmäßig den gesamten Bildschirm aus.
Manchmal benötigen wir nicht die hr-Breite, um den gesamten Bildschirm auszufüllen ? Wir können die CSS-Eigenschaft width verwenden, um die Breite von hr festzulegen. Das Attribut „width“ legt die Breite des Elements fest. Dieses Attribut definiert die Breite des Inhaltsbereichs des Elements und Auffüllungen, Rahmen und Ränder können außerhalb des Inhaltsbereichs hinzugefügt werden.
Beispiel:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
hr{
width: 100px;
}
</style>
</head>
<body>
<hr />
</body>
</html>Rendering:
(Lernvideo-Sharing:
Das obige ist der detaillierte Inhalt vonSo legen Sie die Breite von hr in CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
In Verbindung stehende Artikel
Mehr sehen- Eine kurze Analyse der grundlegenden Syntax von Scss und der Methode zum Importieren von SASS-Dateien
- Wie Sie mit CSS Text fett formatieren und Rahmen hinzufügen (Fähigkeitsaustausch)
- Lassen Sie uns darüber sprechen, wie Webpack4 mit CSS umgeht
- 8 praktische CSS-Effektcodes, die es wert sind, gesammelt zu werden (Teilen)