Blog

Adding Rounded Corners onto Images with CSS3
Posted on June 20, 2012 in CSS3 by Matt Jennings

You’ll need to mess around with the bottom margin to make this code work in all CSS3-supported browsers.

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>

Leave a Reply

To Top ↑