jQuery and ASP.NET

December 31, 2009

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


Bookmark this link on del.icio.us (saved by 0 users)

Did you like this post?
kick it on DotNetKicks.com
subscribe via rss subscribe via e-mail
print this post follow me on twitter
Others Also Read..

comments

0 Responses to "Remove Border Around Images using CSS"
 

Copyright 2010 All Rights Reserved DevCurry.com by Suprotim Agarwal