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
Freigeben: 2024-11-19 03:08:03
Original
615 Leute haben es durchsucht

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;
}
Nach dem Login kopieren

Umriss aus Bildlinks entfernen:

a img {
  outline: none;
}
Nach dem Login kopieren

Rand aus Bildlinks entfernen:

img {
  border: 0;
}
Nach dem Login kopieren

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!

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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage