Heim > Artikel > Web-Frontend > Kann die Länge des Unterstreichungsstils in CSS festgelegt werden?
Kann die Länge des Unterstreichungsstils in CSS festgelegt werden?
- WBOYOriginal
- 2021-11-29 18:45:085588Durchsuche
Die Unterstreichungslänge kann in CSS mithilfe der Attribute „Breite“ und „Rahmen-Bottom“ festgelegt werden. Sie müssen lediglich das „Textelement {Breite: Unterstreichungslängenwert; Rahmen-Bottom: Unterstreichungsstärke, durchgehende Unterstreichungsfarbe;“ hinzufügen zum Textelement, also Can.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
Kann die Länge des Unterstreichungsstils in CSS eingestellt werden?
Ja.
In CSS können Sie die Unterstreichung eines Textelements festlegen, indem Sie den unteren Rand des Textelements festlegen. Sie müssen lediglich die Breite des Textelements über das Breitenelement festlegen, dh die Unterstreichung des Textelements festlegen .
Das Beispiel sieht wie folgt aus:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style type="text/css">
.token1 {
width: 100px;
border-bottom: 1px solid black;
}
.token2 {
width: 200px;
border-bottom: 1px solid black;
}
</style>
</head>
<body>
<div class="token1">下划线</div>
<div class="token2">下划线</div>
</body>
</html>Ausgabeergebnis:
(Lernvideo-Sharing: CSS-Video-Tutorial)
Das obige ist der detaillierte Inhalt vonKann die Länge des Unterstreichungsstils in CSS festgelegt werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
In Verbindung stehende Artikel
Mehr sehen- So skalieren Sie div-Elemente mit CSS
- So brechen Sie das automatische Ausfüllen von Bildern in CSS ab
- So stellen Sie sicher, dass das Bild mit CSS in der oberen linken Ecke angezeigt wird
- So entfernen Sie Schatten beim Klicken auf div in CSS
- So schließen Sie das erste Element aus und formatieren andere Elemente in CSS