Ayuda para tu Web y Blog : Tutoriasles, herramientas para webmaster

Border Radius: Crea automáticamente bordes redondeados con CSS

Si estás cansado de crear imágenes con los bordes redondeados puedes echar mano de propiedades CSS. Si no sabes CSS internet te puede ayudar.

Para crear hojas de estilo facilmente visten CSS Gizmo : Crear hojas de estilos de forma rápida y facil y tambien Easy CSS Styler: Crear estilos CSS online

Border-radius, la propiedad CSS que nos permite redondear los elementos de nuestras páginas mediante CSS. Aunque la propiedad aún no está correctamente integrada en los navegadores actuales, podemos disfrutar de ella mediante el uso de los correspondientes prefijos:

// Mozilla
-moz-border-radius:1em;
// WebKit
-webkit-border-radius:1em;
// W3C
border-radius:1em;

Las esquinas de bordes redondeados son mucho más atractivos visualmente que las esquinas de 90 grados. Pero escribir el código para ello puede llevar bastante tiempo, y ante un mínimo cambio las modificaciones a dicho código son bastante engorrosas.

Con Border Kit solo habrá que ingresar (en cualquiera de las esquinas) el grado de redondez que deseamos para las 4 esquinas, y estas serán modificadas de manera automática. Tanto en el aspecto visual, para que veamos si estamos conformes con el resultado, como en el código. Que dicho sea de paso, será compatible con WebKit, Gecko y CSS3, aunque podemos eliminar alguna de dichas compatibilidades desmarcándolas.

Artículos Similares

• RoundPic – Redondear facilmente las esquinas de una foto
• CSS Gizmo : Crear hojas de estilos de forma rápida y facil
• CSSTXT : Crear estilos de texto en CSS
• Colección de generadores de rejilla CSS
• Wigflip : Herramientas de texto e imagen
• Css type set : Crear código CSS de un texto
• 7 Herramientas on-line para usar con fuentes
• swfIR : Agregar efectos a imagenes con Flash y JavaScript
• Rendera : Editor online de HTML5 y CSS3
• Flashvortex : Crea banners y txt en flash online