CSS3 border-radius

CSS3 border-radius property gør det nemt for web-udviklere at udnytte rundere hjørner i deres design elementer, uden brug af billeder eller brug af flere div tags, og det er måske et af ​​de mest omtalte aspekter af CSS3.

#example1 {
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;
  } 

Ovenstående kode-eksempel virker i Firefox, Safari/Chrome, Opera and IE9. Og er med en tak til Morten :-)

W3C Specification	Mozilla Implementation
border-radius	-moz-border-radius
border-top-left-radius	-moz-border-radius-topleft
border-top-right-radius	-moz-border-radius-topright
border-bottom-right-radius	-moz-border-radius-bottomright
border-bottom-left-radius	-moz-border-radius-bottomleft