Heim >Web-Frontend >CSS-Tutorial >Wie entferne ich Umrisse und Ränder aus verlinkten Bildern?

Wie entferne ich Umrisse und Ränder aus verlinkten Bildern?

Susan Sarandon
Susan SarandonOriginal
2024-11-19 03:08:03638Durchsuche

How to Remove Outlines and Borders from Hyperlinked Images?

Entfernen von Konturen um verlinkte Bilder

Bei Verwendung von CSS-Textersetzung zusammen mit negativen Texteinzugswerten (z. B. text-indent:-9999px ), kann eine gepunktete Linie um anklickbare Links herum erscheinen, wie unten dargestellt.

[Bild einer gepunkteten Linie, die einen Link umgibt]

Lösung:

Um dieses Problem zu beheben, verwenden Sie die folgenden CSS-Eigenschaften:

Umriss für Anker-Tags entfernen:

a {
  outline: none;
}

Umriss aus Bildlinks entfernen:

a img {
  outline: none;
}

Rand aus Bildlinks entfernen:

img {
  border: 0;
}

Durch die Implementierung dieser Stile können Sie unerwünschte Umrisse und Ränder um verlinkte Bilder effektiv entfernen und so sicherstellen, dass ein nahtloses und ästhetisch ansprechendes Surferlebnis.

Das obige ist der detaillierte Inhalt vonWie entferne ich Umrisse und Ränder aus verlinkten Bildern?. 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