Heim > Web-Frontend > HTML-Tutorial > Experten zeigen Ihnen, wie Sie den Unterstreichungsstil aufheben (hinzufügen) können. Zusammenfassung zweier Hauptmethoden

Experten zeigen Ihnen, wie Sie den Unterstreichungsstil aufheben (hinzufügen) können. Zusammenfassung zweier Hauptmethoden

云罗郡主
Freigeben: 2018-10-23 13:39:48
Original
3967 Leute haben es durchsucht

Wie kann ich den Unterstreichungsstil in HTML abbrechen (hinzufügen)? Wie kann ich den Unterstreichungsstil in CSS abbrechen (hinzufügen)? Dies ist ein schwieriges Problem für Front-End-Studenten, die gerade erst angefangen haben. Wie kann man also den Unterstreichungsstil abbrechen (hinzufügen)? Der Experte unten zeigt Ihnen, wie Sie den Unterstreichungsstil aufheben (hinzufügen).

Es gibt zwei Möglichkeiten, einen Unterstreichungsstil zum Text hinzuzufügen, und die andere besteht darin, den Stil mithilfe von CSS-Unterstreichungen festzulegen.

1: Unterstreichung in HTML abbrechen (hinzufügen)

Im HTML-Tag können wir Wenn Sie abbrechen möchten, entfernen Sie einfach .

Zum Beispiel:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>html下划线标签实例讲解</title> 
</head> 
<body> 
我是高手!<br />  
php是网址!<br />  
<u>http://www.php.cn/</u>
</body> 
</html>
Nach dem Login kopieren

HTML-Codeeffekt:

Experten zeigen Ihnen, wie Sie den Unterstreichungsstil aufheben (hinzufügen) können. Zusammenfassung zweier Hauptmethoden

2: Verwenden Sie den CSS-Stil, um den Unterstreichungsstil festzulegen

CSS kann text-decoration:underline verwenden, um Unterstreichungen abzubrechen und hinzuzufügen, zum Beispiel:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>下划线 删除线 上划线实例</title> 
<style> 
.php5{text-decoration:underline} /* underline下划线 */ 
.php5_1{text-decoration:line-through} /* line-through删除线贯穿线 */ 
.php5_2{text-decoration:overline} /* overline上划线 */ 
.php5_3{text-decoration:none;} /* none是去掉下划线 */ 
</style> 
</head> 
<body> 
<div class="php5">我被加下划线</div>  
<div class="php5_1">我被加贯穿删除线</div>  
<div class="php5_2">我被加上划线</div> 
<div class="php5_3">我是去掉下滑线</div> 
</body> 
</html> 
</html>
Nach dem Login kopieren

Codeeffekt:

Experten zeigen Ihnen, wie Sie den Unterstreichungsstil aufheben (hinzufügen) können. Zusammenfassung zweier Hauptmethoden

und Oben Ist es Sache der Experten, Ihnen beizubringen, wie Sie den Unterstreichungsstil löschen (hinzufügen)? Eine vollständige Einführung in die beiden Hauptmethoden. Wenn Sie mehr über das HTML-Video-Tutorial erfahren möchten, schauen Sie sich bitte die chinesische PHP-Website an.


Das obige ist der detaillierte Inhalt vonExperten zeigen Ihnen, wie Sie den Unterstreichungsstil aufheben (hinzufügen) können. Zusammenfassung zweier Hauptmethoden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
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