Generador de cajas con bordes redondeados

16. Agosto 2007, 21:34 hstoolerman

RoundedCornr es otro generador online de código HML/CSS e imágenes que permite construir cajas con bordes curvos o redondeados, muy utilizados últimamente. Basta con insertar el grado de angulación que tendrá la esquina (Corner radius in pixels), el color de fondo donde estará ubicada la caja (Background color), el color de la misma (Box color) y hacer clic en “Create”. Nos generará un código HTML con un texto ejemplo, que deberás reemplazar por el que quieras, un código CSS que deberás introducir en tu hoja de estilos y las 4 imágenes que debes descargar y colocar en la mismo directorio de la página html.

Importante: Si colocás las imágenes en un directorio distinto de donde se encuentra la página html, deberás actualizar dichas localizaciones en el código css generado.

Si observamos un poco más abajo en la página del generador verán que también nos brinda la posibilidad de crear boxes con fondo degradado, con bordes y también de generar sólo una imagen GIF con los bordes (ya sea curvos o cuadrados), los colores de fondo, texto y otras opciones a nuestra elección, ideal para hacer pestañas, botones, imágenes de fondo sólido/degradado, etc. ¿Algo más?.

Ejemplos realizados por mí (Básico/Con degradado/Con borde/Imagen sola).

Crear bordes redondeados con css

Bordes curvos con css html

Generador de cajas y box con bordes redondeados

Generador css bordes redondeados

Vía: Digg.

Compártelo

Artículos con posible relación:

Technorati Technorati: , , ,

1 comentario y/o referencia:

  1. Rober, 8. Enero 2008, 14:31

    Muy buenos los consejos que das pero probando esta herramienta resulta que a mi no me redondea los bordes, es decir, en el ejemplo de la web si pero al pegar en mi pagina y en el css el codigo los hace con los bordes cuadrados sabes a que puede deberse?

     

Escribe un comentario:

Cerrar
Enviar por Correo