Heim > Artikel > Web-Frontend > So legen Sie die Farbe für das Durchstreichen in CSS fest
So legen Sie die Farbe für das Durchstreichen in CSS fest
- 青灯夜游Original
- 2021-04-14 18:21:083954Durchsuche
Methode: Betten Sie zuerst ein Span-Tag mit Text in das übergeordnete Tag p ein. Fügen Sie dann einen durchgestrichenen Stil in das übergeordnete Tag p ein und verwenden Sie das Farbattribut, um die Farbe des Textes festzulegen span-Tag, um es zurückzusetzen. Nur die Textfarbe.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
In CSS können Sie den Durchstreichungseffekt des Textes mit dem Textdekorationsattribut hinzufügen
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css添加文本文字的删除线</title>
<style>
p{
text-decoration:line-through;
}
</style>
</head>
<body>
<p>这里有一条删除线</p>
</body>
</html>Rendering:
Wie stellt man also die Farbe des Durchgestrichenen ein? Werfen wir einen Blick auf den Beispielcode:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css添加文本文字的删除线</title>
<style>
p{
text-decoration:line-through;
color: red;
}
span{
color: black;
}
</style>
</head>
<body>
<p><span>这里有一条删除线</span></p>
</body>
</html>Rendering:
Auf diese Weise kombinieren wir text-decoration：line-through； und Stil, um den Farbstil der Textschriftart zu definieren, und wir können den Stileffekt verschiedener Durchstreichungen und Textfarben erzielen CSS. Ist es nicht großartig?
(Lernvideo-Sharing: CSS-Video-Tutorial)
Das obige ist der detaillierte Inhalt vonSo legen Sie die Farbe für das Durchstreichen in CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!