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

云罗郡主
Freigeben: 2018-11-22 15:52:32
nach vorne
15874 Leute haben es durchsucht

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.

Wie stelle ich die Unterstreichung der CSS-Schriftart ein? So unterstreichen Sie Text

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>
Nach dem Login kopieren

Effekt Wie folgt:

Wie stelle ich die Unterstreichung der CSS-Schriftart ein? So unterstreichen Sie Text

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!

Verwandte Etiketten:
Quelle:thinkcss.com
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage