CSS: generador de bordes redondeados

Generador de CSS para bordes redondeados

Border Radius es un generador de CSS para bordes redondeados. Una herramienta sumamente sencilla que te ahorrará tiempo. Funciona así:

En las esquinas escribes el valor  del radio en píxeles. Entonces aparecen todos los bordes redondeados en una caja blanca sobre fondo oscuro, tal como muestra la imagen:

Bordes redondeados en CSS

Para redondear solo algunos bordes de la caja (por ejemplo los bordes inferiores) vuelve a poner en 0 el valor de los radios superiores:

Bordes inferiores redondeados en CSS

Copia y pega esos valores en tu hoja de estilos CSS.

Ventajas: rapidez, visualización de los bordes redondeados en la mayoría de navegadores.

Desventajas: este sistema de redondear bordes no valida en el servicio de Validación de CSS de la W3C, ni siquiera en CSS versión 3.

 

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>