Heim  >  Artikel  >  Web-Frontend  >  So entfernen Sie Umrisse aus verlinkten Bildern: Eine schnelle Lösung

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

DDD
DDDOriginal
2024-11-20 01:11:02501Durchsuche

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;
}

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;
}

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;
}

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!

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