PDA

View Full Version : Rounded Edges



blaze41
05-30-2012, 02:31 PM
Hi all is there an easy way to get the rounded edges of a <div> with out having to use images? I was told there is a way to do this but could not find out how to. Thanks!

james438
05-30-2012, 09:51 PM
<style type="text/css">
.example1 {
border-radius: 15px;
width:250px;
height:250px;

background-image:url('images/screenshots/noir18.jpg');
}
</style>
<div class='example1'> </div>

The above should work in Firefox, IE9, and Opera, but not older versions of Internet Explorer.

You can read more here (http://www.css3.info/preview/rounded-border/).

keyboard
05-31-2012, 01:19 AM
Actually, use this (http://code.google.com/p/curved-corner/).
Works in all IE except 8 I think...