HTML: Remove blue border on links with images

Sick of that blue or purple box around your linked images? Here’s how to kill that stubborn thing. Simply place this bit of code in your CSS file or inside

tags inside the head tags on your page. This applies the transparent “color” to all the states of a link, visited is usually purple, hover is as the mouse is over the link or image, active is any link not yet clicked.

The css file version

     a,a:visited,a:hover,a:active{color: transparent;}

The style-in-head tags version

<head>
     <style type="text/css">
          a,a:visited,a:hover,a:active{color: transparent;}
     </style>
</head>

Leave a Reply

You must be logged in to post a comment.