So verwenden Sie Textdekoration-HTML-Tutorial-php.cn

So verwenden Sie Textdekoration

php中世界最好的语言

Freigeben： 2018-05-30 11:49:00

Original

5519 Leute haben es durchsucht

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>

Nach dem Login kopieren

HTML u-Unterstreichung und CSS-Unterstreichungsvergleichsanwendungsfall

CSS-Entfernung

HTML Tag

Unterstreichungsstil 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-Klasse

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:/m.sbmmt.com">p</a> 
</span> 
</p> 
</body> 
</html>

Nach dem Login kopieren

.p{text-decoration:underline}

.p_1{text-decoration:line-through}

.p_2{text-decoration:overline}

2. HTML-Codeausschnitt:

Ich bin unterstrichen

Ich bin durchgestrichen

Ich bin unterstrichen

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 CSS

So verwenden Sie Label-Tags in HTML

Das obige ist der detaillierte Inhalt vonSo verwenden Sie Textdekoration. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!