Heim >Web-Frontend >CSS-Tutorial >Kann die Länge des Unterstreichungsstils in CSS festgelegt werden?

Kann die Länge des Unterstreichungsstils in CSS festgelegt werden?

WBOY
WBOYOriginal
2021-11-29 18:45:085641Durchsuche

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.

Kann die Länge des Unterstreichungsstils in CSS festgelegt werden?

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:

Kann die Länge des Unterstreichungsstils in CSS festgelegt werden?

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

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