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.

 

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

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

Envía tu comentario

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

Volver arriba