TodoTutoriales, los mejores tutoriales en español

Todotutoriales

Los mejores tutoriales gratis en español

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.

 

Share

Categorías: Diseño web, Utilidades
Etiquetas: , ,

Si te ha gustado este tutorial, subscríbete al feed RSS de todotutoriales.es.

Tutoriales relacionados

Un comentario

  1. Información Bitacoras.com…

    Valora en Bitacoras.com: 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 b……

Envía tu comentario

Notificarme los nuevos comentarios por correo electrónico. Tambien puedes suscribirte sin comentar.

Volver arriba