Heim >Web-Frontend >CSS-Tutorial >Wie stelle ich die Unterstreichung der CSS-Schriftart ein? So unterstreichen Sie Text
Wie stelle ich die Unterstreichung der CSS-Schriftart ein? So unterstreichen Sie Text
- 云罗郡主nach vorne
- 2018-11-22 15:52:3215890Durchsuche
Der Inhalt dieses Artikels befasst sich mit der Frage, wie man CSS-Schriftartunterstreichungen festlegt. Die Methode zum Hinzufügen von Unterstreichungen zum Text hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, dass sie für Sie hilfreich ist.
CSS-Layout-Einstellung für Textunterstreichungsstil – Schrifttext mit Unterstreichungslayout
Auf Taobao, JD.com und anderen Online-Einkaufszentren habe ich ein Layout gesehen, bei dem der ursprüngliche Preistext und der Rabatt unterstrichen sind Der Text ist nicht unterstrichen.
1. Zwei Arten von unterstrichenen CSS- und HTML-Tags im Text
1. CSS-Attributwörter und -Codes
Wort: text-decoration
underline value
text-decoration:line-through
2. HTML-Unterstreichungs-Tag
S-Tag
ist unterstrichen
2. Text unterstrichenes Div-CSS-Beispiel
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>文字加中划线实例</title>
<style>
.zhx{ text-decoration:line-through}
</style>
</head>
<body>
<p>原价：￥<span class="zhx">200.00</span><br />
现价：￥120.00</p>
</body>
</html>Effekt Wie folgt:
CSS legt den Inline-Stil text-decoration:line-through fest.
Fügen Sie für die ursprüngliche Preisnummer eine Klasse hinzu, um den Unterstreichungs-CSS-Stil einzuführen.
Wie stellt man oben die Unterstreichung der CSS-Schriftart ein? Für eine vollständige Einführung in die Methode zum Hinzufügen von Unterstreichungen zu Text und wenn Sie mehr über das CSS3-Tutorial erfahren möchten, schauen Sie sich bitte die chinesische PHP-Website an.
Das obige ist der detaillierte Inhalt vonWie stelle ich die Unterstreichung der CSS-Schriftart ein? So unterstreichen Sie Text. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!