Heim  >  Artikel  >  Web-Frontend  >  So entfernen Sie die Unterstreichung von Hyperlinks in HTML5

So entfernen Sie die Unterstreichung von Hyperlinks in HTML5

青灯夜游
青灯夜游Original
2021-02-26 16:49:066523Durchsuche

Auf HTML5-Seiten können Sie das text-decoration-Attribut verwenden, um die Unterstreichung eines Hyperlinks zu entfernen. Fügen Sie einfach den Stil „text-decoration:none“ zum a-Tag hinzu. text-decoration definiert die Textdekoration (unterstrichen, durchgestrichen usw.). Wenn der Wert „none“ ist, gibt es keine Dekoration.

So entfernen Sie die Unterstreichung von Hyperlinks in HTML5

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

Bei der Entwicklung von Front-End-Webseiten ist es immer unvermeidlich, Hyperlinks zu verwenden. Bei der Verwendung von Hyperlinks erscheint dies jedoch manchmal sehr abrupt, unangemessen und unansehnlich, daher müssen wir dies tun Verwenden Sie Hyperlinks. Entfernen Sie die Unterstreichung unter dem Link.

Um die Unterstreichung eines Hyperlinks in einer HTML-Seite zu entfernen, benötigen Sie das text-decoration-Attribut in CSS.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style type="text/css">
			 a{text-decoration:none;} 
		</style>
	</head>
	<body>
		<a href="#">我是a标签</a>
	</body>

</html>

Rendering:

So entfernen Sie die Unterstreichung von Hyperlinks in HTML5

Beschreibung:

Textdekorationsattribut wird verwendet, um die dem Text hinzugefügte Dekoration anzugeben, z. B. Unterstreichung, Überstreichung, Durchstreichung usw. Wenn der Wert dieses Attributs auf „none“ gesetzt ist, bedeutet dies, dass der Standardtext definiert ist und keine Textänderung hinzugefügt wird. Mit diesem Attributwert können wir Stile entfernen, die bereits über Unterstreichung, Durchstreichung oder Oberlinie verfügen. [Empfohlenes Tutorial: CSS-Video-Tutorial]

Attributwert des Textdekorationsattributs:

So entfernen Sie die Unterstreichung von Hyperlinks in HTML5

Weitere Programmierkenntnisse finden Sie unter: Programmiervideo! !

Das obige ist der detaillierte Inhalt vonSo entfernen Sie die Unterstreichung von Hyperlinks in HTML5. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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