Adding Rounded Corners onto Images with CSS3
Posted on June 20, 2012 in CSS3 by Matt Jennings
CSS
.image
{
padding: 0;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
overflow: hidden;
border: 3px solid #000;
display: inline-block;
}
HTML
<div class=”image”>
<img src=”http://static.adzerk.net/Advertisers/2362.jpg” alt=”” />
</div>