När du placerar en bild inuti länktaggen (mellan och) drar besökarens webbläsare som standard en blå pixel med en pixel bred runt bilden. Förutom det faktum att webbläsarens godtycklighet ökar storleken på det här designelementet på din sida med två pixlar vertikalt och två pixlar horisontellt, kanske den blå färgen inte matchar färgschemat för siddesignen.
Instruktioner
Steg 1
Om du behöver ta bort gränsen från en eller flera länkbilder kan du göra detta genom att lägga till ett gränsattribut med ett nollvärde i taggen för var och en av de bilder du behöver. Till exempel: Samma effekt kan uppnås med attributet style genom att placera samma ram med ett nollvärde: Nollvärdet (0px) i denna variant kan ersättas med värdet "none" (utan citat).
Steg 2
Om du behöver lösa detta problem radikalt, det vill säga för alla bilder med länkar i hela dokumentet, är det bättre att göra det annorlunda. Det finns inget behov av att lägga till motsvarande attribut till taggen för varje bild separat, det är lättare att skriva ner regeln som är gemensam för alla i stilbeskrivningen i början av dokumentet. Denna CSS-regel kommer att se ut så här: en bild {border: none;} Den ska placeras i stilbeskrivningsblocket och själva blocket ska placeras före taggen som stänger sidrubriken:
en bild {border: none;}
Steg 3
Inte bara bilder utan också enkla textlänkar i vissa typer av webbläsare har ett liknande problem - om en besökare klickar på länken kommer en prickad kant att förbli runt den. För att spara din sida från detta designfel, lägg till följande länkregel i stilbeskrivningarna:
en bild {disposition: none;}
