Blue hyperlink border around images in HTML

When you add a hyperlink to an image in HTML it will automatically display with a blue border around that image. We dont want it because it makes our page look ugly and unprofessional.

There are a couple of ways to remove the blue hyperlink border:

Using CSSAdd the following line to your style sheet code:

img { border-style: none; }

Using HTMLAdd the following attribute to your image HTML code:

border="0"

Your line of code should look like this :

{a href="#"}
        {img style="border: 0;" src="image.png" title=""}
    {/a}

5 Comments on Blue hyperlink border around images in HTML

5 Responses to Blue hyperlink border around images in HTML

1. Ashok says: October 27, 2010 at 12:16 pm

   Great trick. That helps!

   Reply
2. eden says: February 1, 2011 at 6:25 am

   fantastic! just what i was looking for. thanks

   Reply
3. shisu says: June 14, 2011 at 9:57 pm

   thanks for your little help this blue border is annoying..

   thanks a lot ..

   Reply
4. gautam says: April 6, 2012 at 11:28 pm

   hey thanks a lot. :)

   Reply
5. Archana AKR says: May 14, 2016 at 4:16 am

   it really helped me ^_^

   Reply