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 don’t want it because it makes our page look ugly and unprofessional.

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

Using CSS
Add the following line to your style sheet code:

img {   border-style: none;   }

Using HTML
Add the following attribute to your image HTML code:


Your line of code should look like this :

<img src="/image.jpg" border="0" />