How to Remove the Blue Border Around a Linked Image on a HTML Page
When embedding a linked image into an HTML page it will have a blue border by default which can be helpful at times to see that the image is linked to a URL however most of the time it looks ugly. Use the information below to remove this border completely. The border may show purple if you have visited the URL before however if you have not it will show blue.
Example Of Default Border On Linked Image:
Example Code:<a href=”mailto:email@example.com”><img src=”ographic-splash.gif”></a>
To remove the border you just need to add a border setting of 0 to the image tag itself as shown below.
No Border Example Code:<a href=”mailto:firstname.lastname@example.org”><img src=”ographic-splash.gif” border=”0″></a>
New HTML Page Example:
It is pretty simple though if you have never done it then this may not be obvious so hopefully this helps.