Kann die Länge des Unterstreichungsstils in CSS festgelegt werden?-CSS-Tutorial-php.cn

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

WBOY

Freigeben： 2021-11-29 18:45:08

Original

5595 Leute haben es durchsucht

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>

Nach dem Login kopieren

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!