Heim > Web-Frontend > Front-End-Fragen und Antworten > Was ist die Unterstreichung eines Tags in HTML?

Was ist die Unterstreichung eines Tags in HTML?

青灯夜游
Freigeben: 2022-09-23 14:58:23
Original
5108 Leute haben es durchsucht

a标签的下划线是浏览器中链接的默认外观样式,可以使用text-decoration属性来去除,只需要a标签设置“text-decoration: none;”样式即可。text-decoration属性用于规定添加到文本的修饰,当该属性的值设置为“none”则表示不添加文本修饰,已有的文本修饰也会被去除。

Was ist die Unterstreichung eines Tags in HTML?

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

HTML a标签

HTML使用标签 来设置超文本链接(简称“超链接”),用于从一个页面链接到另一个页面。

 标签可定义锚。锚 (anchor) 有两种用法:

通过使用 href 属性,创建指向另外一个文档的链接(或超链接)通过使用 name 或 id 属性,创建一个文档内部的书签(也就是说,可以创建指向文档片段的链接) 元素最重要的属性是 href 属性,它指定链接的目标。

在所有浏览器中,链接的默认外观是:未被访问的链接带有下划线,而且是蓝色的;已被访问的链接带有下划线,而且是紫色的;活动链接带有下划线,而且是红色的。

<a href="#">a标签</a><br>
<a href="#">a标签</a><br>
<a href="#">a标签</a><br>
Nach dem Login kopieren

Was ist die Unterstreichung eines Tags in HTML?

如果觉得下划线不好看,在HTML中可以通过给a标签添加text-decoration样式来删除下划线。

text-decoration 属性规定添加到文本的修饰,下划线、上划线、删除线等;当该属性的值设置为“none”时,则表示定义标准的文本,不添加文本修饰(即使已有的文本修饰也会被去除)。

利用这个属性值我们可以去掉已经有下划线或删除线或顶划线的样式。

<a href="#">a标签,默认有下划线</a><br>
<a href="#" style="text-decoration: none;">a标签,去掉下划线</a>
Nach dem Login kopieren

Was ist die Unterstreichung eines Tags in HTML?

扩展知识:text-decoration 属性的值

描述
none 默认。定义标准的文本。
underline 定义文本下的一条线。
overline 定义文本上的一条线。
line-through 定义穿过文本下的一条线。
blink 定义闪烁的文本。
inherit 规定应该从父元素继承 text-decoration 属性的值。

(学习视频分享:web前端

Das obige ist der detaillierte Inhalt vonWas ist die Unterstreichung eines Tags in HTML?. 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