Remove an Image Border by Using CSS
These simple instructions show how to remove an image <img> border using CSS .
A common occurrence with linking images in HTML is that it leaves a border.
 |
<< Do you see the blue border ? |
This can be corrected using the image border attribute...
<img src="monkey.gif" width="50" height="50" border="0">
However, this gets kind of tiresome having to always add this border="0" to every single image. To fix this in one shot all you need to do is add an image css one time! Once this is applied then every image you link will always never display any border as long as the page has the style block referenced inside it.
How to add CSS to <img> image to fix borders:
Locate your CSS block in your document or external .css file. If you need to create one in your document it can look like the example below and needs to be placed between the <head>x</head> tags...
<style type="text/css">
<!--
img { border: none; }
-->
</style>
This will automatically recognize all images and remove borders as lomng as you use the style declaration shown! No longer will you need to use the image border attribute for each instance of a linked image and no longer will you see the blue border around your images.