Remove Border Around Images using CSS

Putting an image inside a link adds a border to it. This is usually done to visually indicate to the user that this image is a link. Check this example:

<body>
<
a href="http://www.dotnetcurry.com">
<
img alt="progress" src="images/abc.jpg" />
</
a>
</
body>

image

If you have a requirement to override this behavior, then here’s how to do so:

<style type="text/css">
img
{
border-style: none;
}
</style>

Now when you view the same image, it is displayed without a border

image

No comments:

Post a Comment