Heim > Artikel > Web-Frontend > So verwenden Sie Textdekoration
So verwenden Sie Textdekoration
- php中世界最好的语言Original
- 2018-05-30 11:49:005497Durchsuche
Wir verwenden häufig CSS-Code, um Textinhalte auf Webseiten hervorzuheben. Dann müssen wir Textdekoration verwenden. Heute geben wir Ihnen eine gute Einführung.
Verwenden Sie CSS-Attributwörter:
text-decoration: none ||. blinken ||.text-decoration underline CSS-Wortwertparameter ：
keine: Keine Dekoration
Blinken: Blinken
Unterstreichen: Unterstreichen
Durchgestrichen: Durchgestrichen
Überstreichen: Überstreichen Unterstreichen
text-decoration:none Keine Dekoration, normalerweise wird der Unterstreichungsstil für HTML-Unterstreichungs-Tags entfernt
text-decoration:underline Unterstreichungsstil
text-decoration:line-through Durchgestrichen Stil – Durchstrichstil
text-decoration:overline Überstrichstil
HTML reguläres Unterstreichungs-Tag
Unterstreichungs-Tag „U“ in HTML u-Tag Objekttext wird in HTML unterstrichen.
Beispiel:
CSS-Kontrollobjekt-Unterstreichungsattributstil<u>我被U标签加下滑线</u>
HTML u-Unterstreichung und CSS-Unterstreichungsvergleichsanwendungsfall
CSS-Entfernung
HTML TagUnterstreichungsstil Wenn wir den durchgestrichenen s-Tag-Stil im entsprechenden HTML entfernen möchten, entfernen Sie die HTML-U-Unterstreichung und den HTML-Überstreichungsstil.
1. Entfernen Sie den durchgestrichenen Linienstil des HTML-Codes 🎜 >
2. Entfernen Sie den HTML-u-Unterstreichungsstil .p u{text-decoration:none}Entfernen Sie das u-Label-Unterstreichungsstilattribut im Objektfeld der p-Klasse5.
Hyperlinks
Erweiterte Verwendung von Unterstreichungen – TOP Als nächstes erklären wir gängige CSS-Hyperlinks, die unterstrichen werden, wenn sie von ihnen übergeben werden. Der Code lautet wie folgt:Bitte kopieren Sie den obigen Code und erstellen Sie einen neuen HTML-Code, um den Beispielstil anzuzeigen.
Wir legen die Textunterstreichung, den Textdurchstreichungsstil und den Schriftüberstreichungsstil für die drei Boxobjekte fest.
1. CSS-Code-Snippet:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>下划线演示</title>
<style>
.yangshi a{ text-decoration:none;}
/* css注释： 鼠标经过热点文字被加下划线 */
.yangshi a:hover{ text-decoration:underline;}
/* 鼠标经过热点文字被加下划线 */
</style>
</head>
<body>
<p>
<span class="yangshi">
<a href="http:/www.php.cn">p</a>
</span>
</p>
</body>
</html>.p{text-decoration:underline} .p_1{text-decoration:line-through} .p_2{text-decoration:overline} 2. HTML-Codeausschnitt: ef07cb678f54c8f87d9ed1b6b13206d0Ich bin unterstrichen94b3e26ee717c64999d7867364b1b4a3 76cde12e55a1914624e179a9954b02b8Ich bin durchgestrichen94b3e26ee717c64999d7867364b1b4a339b52546c41252af47dd107d89d0baddIch bin unterstrichen94b3e26ee717c64999d7867364b1b4a3 Ich glaube, Sie beherrschen die Textdekoration. Bitte beachten Sie auch weiterhin die anderen Aktualisierungen auf dieser Website. Verwandte Lektüre:
Was sind die Funktionen von HTML-Kommentaren?
So löschen Sie Floats in CSSDas obige ist der detaillierte Inhalt vonSo verwenden Sie Textdekoration. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!