jQuery Corners es un plugin que nos permite crear esquinas redondeadas de una manera muy fácil, sin necesidad de imágenes o de estar maquetando |-) . Simplemente definimos una clase y se aplica a un elemento HTML.
Primero necesitas descargar jQuery y jQuery corners.
Luego en el HTML hacemos el llamado de los "js" dentro de las etiquetas "head"
1 2 | <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.corner.js"></script> |
Luego definimos la clase que creara las esquinas redondeadas:
1 2 3 | <script>$(document).ready( function(){ $('.redondeados').corners(); });</script> |
Ahora lo aplicamos a la etiqueta DIV:
1 2 3 | <div class="redondeados"> El contenedor con las esquinas redondeadas. </div> |
Bueno esa es solo la aplicación más simple, pero puedes configurarlo a tus medidas =P , más información en su sitio oficial.
