Todos hemos querido hacer alguna vez para nuestro diseño o una imagen o un formulario unos bordes redondeados, pues aqui esta la solucion.

Antes para obtener un resultado redondeado teniamos que crear tres imagenes, una para el top, otra para el center y otra para el bottom, pero ahora tenemos la solucion.



<style>
.border{
   width:100px;
   height:100px;
   border:solid 1px #000;
   border-radius:3px;
   -ms-border-radius:3px;
   -moz-border-radius:3px;
   -webkit-border-radius:3px;
   -khtml-border-radius:3px;
}
.borderimg{
   border:solid 1px;
   border-radius:3px;
   -ms-border-radius:3px;
   -moz-border-radius:3px;
   -webkit-border-radius:3px;
   -khtml-border-radius:3px;
}
</style>
<div class="border"></div>

<img src="imagen.png" width="260" height="260" class="borderimg">

Ahora solo tienes que modificar puedes modificar los colores o agregarle mas cosas y listo.

De antemano gracias.