Heim > Web-Frontend > CSS-Tutorial > Hauptteil

So entfernen Sie Umrisse aus verlinkten Bildern: Eine schnelle Lösung

DDD
Freigeben: 2024-11-20 01:11:02
Original
501 Leute haben es durchsucht

How to Remove Outlines from Hyperlinked Images: A Quick Fix

Umrisse aus verlinkten Bildern entfernen: Eine schnelle Lösung

Das Vorhandensein von gepunkteten Umrissen um verlinkte Bilder herum kann einen ablenkenden und unprofessionellen Anblick darstellen. Um dieses Problem zu beheben, befolgen Sie diese einfachen CSS-Anpassungen:

Entfernen der Gliederung aus Anker-Tags:

  • Fügen Sie den folgenden Stil zu Ihrem Code hinzu:
a {
    outline: none;
}
Nach dem Login kopieren

Dieses Snippet weist den Browser ausdrücklich an, alle Umrisse rund um Anker-Tags zu entfernen, wodurch die gepunkteten Tags effektiv entfernt werden Linie.

Umriss aus Bildlinks entfernen:

  • Wenn nur Bilder innerhalb von Hyperlinks Umrisse anzeigen, versuchen Sie diesen Stil:
a img {
    outline: none;
}
Nach dem Login kopieren

Diese Regel zielt auf Bilder innerhalb von Anker-Tags ab und überschreibt die Standardgliederung Eigenschaft.

Rahmen aus Bildlinks entfernen:

  • Falls ein Rahmen Ihren Bildlinks einen markanten Umriss verleiht, verwenden Sie diesen Code:
img {
    border: 0;
}
Nach dem Login kopieren

Indem Sie die Eigenschaft „Rahmen“ auf 0 setzen, können Sie alle Ränder entfernen, die den Umriss verursachen könnten.

Das obige ist der detaillierte Inhalt vonSo entfernen Sie Umrisse aus verlinkten Bildern: Eine schnelle Lösung. 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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage