Published on: 12 July, 2013

How to remove link border around the image in Html?

Tumblr Digg Google Plus

When you create a hyperlink using an image, you will notice that there is link border around the image. By default in Internet Explorer, the color of the border is blue border. This border is automatically added around the image.

There are two available solution you can apply in here. The first solution is to include a property called border and set to 0. See below example:

<a href="#mylink"><img alt="my logo" src="http://www.webkeet.com/contents/images/Webkeet-Online-Learning.png" style="border-width: 0px; border-style: solid;"/></a>

Second alternative is using CSS, you can to cover all the images inside a hyperlink will not have a border. See the example:

a img{
   border:none;
}

Comments

There are no comments available.

Write Comment
0 characters entered. Maximum characters allowed are 1000 characters.