Sie können das text-decoration-Attribut in CSS verwenden, um einen Unterstreichungseffekt hinzuzufügen. Sie müssen nur den Stil „text-decoration:underline“ für das Element festlegen. text-decoration gibt die dem Text hinzugefügte Dekoration an, und der Wert underline definiert eine Linie unter dem Text.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
In CSS können Sie das text-decoration-Attribut verwenden, um einen Unterstreichungseffekt hinzuzufügen. Das Attribut „text-decoration“ kann die dem Text hinzugefügte Dekoration angeben. Wenn der Wert auf „Unterstrichen“ eingestellt ist, kann es eine Linie unter dem Text definieren, also den Unterstreichungseffekt.
Schauen wir uns das Codebeispiel unten an:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
p {
text-decoration: underline
}
</style>
</head>
<body>
<p>测试文本！</p>
</body>
</html>Rendering:
Beschreibung:
Mit dem Textdekorationsattribut können Sie bestimmte Effekte auf Text festlegen, z. B. Unterstreichungen. Wenn das Nachkommenelement keine eigenen Dekorationen hat, „erweitern“ sich die auf dem Vorgängerelement festgelegten Dekorationen auf die Nachkommenelemente. Benutzeragenten müssen Blinken nicht unterstützen.
Mögliche Werte:
| Wert | Beschreibung |
|---|---|
| keine | Standard. Text, der den Standard definiert. |
| underline | definiert eine Zeile unter dem Text. |
| overline | definiert eine Linie über Text. |
| line-through | definiert eine Linie, die unter dem Text verläuft. |
| blink | Definieren Sie blinkenden Text. |
| inherit | gibt an, dass der Wert des text-decoration-Attributs vom übergeordneten Element geerbt werden soll. |
(Lernvideo-Sharing: CSS-Video-Tutorial)
Das obige ist der detaillierte Inhalt vonSo fügen Sie Unterstreichungen in CSS hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
