So entfernen Sie Unterstreichungen in CSS

So entfernen Sie die Unterstreichung in CSS: Verwenden Sie „text-decoration: none“; verwenden Sie die Pseudoklassen „a:link“, „a:visited“ und „a:hover“, um „text-decoration“ auf „none“ zu setzen ;

So entfernen Sie Unterstreichungen in CSS

Unterstriche werden normalerweise für Textlinks verwendet, aber manchmal möchten Sie sie vielleicht in CSS entfernen. So erreichen Sie dies:

1. Verwenden Sie das Attribut text-decoration text-decoration 属性

text-decoration 属性可以控制文本的装饰，包括下划线。要删除下划线，请将此属性设置为 none：

<code class="css">a {
  text-decoration: none;
}</code>

2. 使用 border-bottom 属性

border-bottom 属性可以应用到文本元素的底部边框。将此属性设置为 0 以删除下划线：

<code class="css">a {
  border-bottom: 0;
}</code>

3. 使用伪类

您还可以使用伪类专门针对链接元素删除下划线：

<code class="css">a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}</code>

4. 使用 outline 属性

outline 属性可以控制元素周围的边框。将此属性设置为 none

Mit dem Attribut text-decoration können Sie die Dekoration von Text, einschließlich Unterstreichungen, steuern . Um Unterstreichungen zu entfernen, setzen Sie diese Eigenschaft auf none:

<code class="css">a {
  outline: none;
}</code>

2 Verwenden Sie die Eigenschaft border-bottom

• border-bottom kann auf den unteren Rand von Textelementen angewendet werden. Setzen Sie diese Eigenschaft auf 0, um Unterstreichungen zu entfernen:
• rrreee
• 3. Pseudoklasse verwenden

🎜 Sie können auch Pseudoklassen verwenden, um Unterstreichungen speziell für Linkelemente zu entfernen: 🎜rrreee🎜🎜4. Verwenden Sie das Attribut outline 🎜🎜🎜Das Attribut outline steuert den Rahmen um ein Element. Setzen Sie diese Eigenschaft auf none, um die Unterstreichung zu entfernen: 🎜rrreee🎜🎜Hinweis: 🎜🎜🎜🎜Die erste Methode ist universell und funktioniert für alle Textelemente. 🎜🎜Methoden 2 und 4 sind spezifisch für Linkelemente. 🎜🎜Die dritte Methode zielt auf Linkelemente in unterschiedlichen Zuständen ab, z. B. auf nicht besuchte Links, besuchte Links und Links, über die sich die Maus bewegt. 🎜🎜

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