Wie kann ich mit CSS Unterstreichungen aus Ankerlinks entfernen?-CSS-Tutorial-php.cn

Wie kann ich mit CSS Unterstreichungen aus Ankerlinks entfernen?

Patricia Arquette

Freigeben： 2024-12-12 17:51:20

Original

476 Leute haben es durchsucht

How Can I Remove Underlines from Anchor Links Using CSS?

Unterstreichungen aus Ankerelementen mit CSS entfernen

Möchten Sie Ihrem Hyperlink-Text ein eleganteres Aussehen ohne die Standardunterstreichung verleihen? CSS bietet eine einfache Lösung für dieses häufig auftretende Stilproblem.

Lösung:

CSS bietet eine Eigenschaft namens „text-decoration“, mit der Sie das Erscheinungsbild von Textverzierungen wie steuern können unterstreicht. Indem Sie diese Eigenschaft auf „Keine“ setzen, können Sie die Unterstreichung sowohl von Ankern () als auch von unterstrichenem Text () entfernen.

a, u {
  text-decoration: none;
}

Nach dem Login kopieren

Zur weiteren Anpassung können Sie nur auf Ankerelemente abzielen Spezifischere Selektoren:

a {
  text-decoration: none;
}

Nach dem Login kopieren

Wichtiger Hinweis:

Wenn andere Stile Wenn Sie die Eigenschaft text-decoration override angewendet haben, können Sie den gewünschten Effekt sicherstellen, indem Sie den Modifikator !important:

a {
  text-decoration: none !important;
}

Nach dem Login kopieren

verwenden

Das obige ist der detaillierte Inhalt vonWie kann ich mit CSS Unterstreichungen aus Ankerlinks entfernen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!