Der durchgestrichene CSS-Code lautet „Textelement {text-decoration:line-through;}“. Das CSS-Textdekorationsattribut wird verwendet, um dem Text hinzugefügte Änderungen wie Unterstreichung, Überstreichung, Durchstreichung usw. anzugeben. Wenn der Wert dieses Attributs auf „durchgestrichen“ eingestellt ist, kann eine Linie durch den Text definiert werden , also der Strikethrough-Effekt.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
In CSS können Sie das Textdekorationsattribut verwenden, um den Durchstreichungseffekt zu erzielen. Der Implementierungscode lautet:
文本元素{text-decoration:line-through;}
Das Textdekorationsattribut gibt die dem Text hinzugefügten Änderungen an, z. B. Unterstreichen, Überstreichen, Durchstreichen usw.
| 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. |
Beschreibung:
Mit diesem Attribut können Sie bestimmte Effekte auf den Text festlegen, z. B. Durchstreichen. Wenn das Nachkommenelement keine eigenen Dekorationen hat, „erweitern“ sich die auf dem Vorfahrenelement festgelegten Dekorationen auf die Nachkommenelemente. Benutzeragenten müssen Blinken nicht unterstützen.
Codebeispiel:
css添加文本文字的删除线 这里有一条删除线
Wie aus dem Beispiel ersichtlich ist, wird durch Festlegen vontext-decoration:line-through;zum Hinzufügen eines Durchgestrichenen zum Text im p-Element die Methode verwendet ist einfach und bequem. Und Sie können den durchgestrichenen Stil einfach über CSS-Einstellungen ändern, beispielsweise über die Farbe:text-decoration:line-through;为p元素里的文本文字添加了删除线，方法简单、方便。且可以通过css设置简单修饰删除线样式，比如：颜色，例：
css添加文本文字的删除线 这里有一条删除线
这样我们结合text-decoration：line-through和rrreee
(Lernvideo-Sharing: Erste Schritte mit dem Web-Frontend)
Das obige ist der detaillierte Inhalt vonWas bedeutet CSS-durchgestrichener Code?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
