Cómo redondear esquinas con CSS

José Jiménez · 19 Jul 2010

Hola amigos, me ha surgido una duda, quiero saber como redondear esquinas con CSS, si alguien me puede hechar una mano, se lo agradeceria. Saludos.:cool1:

Joaco · 19 Jul 2010

Utilizando la propiedad border-radius:

Más específicamente así:

-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border: 3px solid #cc6666;

Eso lo pones en css del div o contenido que quieras redondear, el moz-border-radius es para mozilla, el webkit-border-radius es para chrome y safari. Creo que con ie7 y ie8 funk, pero ni idea... dejame un dedo de hulk 😉

Nachitox · 19 Jul 2010

No funciona en ninguna versión de IE. Y efectivamente lo correcto es lo que dice Joaco.

Yo personalmente te aconsejo no hacerlas con CSS, yo las hago con imágenes y jQuery, así el código valida perfectamente.

Saludos.

crystaldream · 19 Jul 2010

Ya se hablo de este tema en un topic anterior, usa el buscador del foro... te ahorro:

http://forobeta.com/programadores/23065-ayuda-css.html
http://forobeta.com/wordpress/19541-necesito-redondear-cantos-de-quadros.html

Si quieres algo facil, css3 no compatible con ie, si quieres validez y compatibilidad, tecnicas de sprites... jquery, javascript, imagenes en las esquinas.

Busca en google tambien.

thejigg0695 · 14 Oct 2011

Joaco dijo:
Utilizando la propiedad border-radius:

Más específicamente así:

-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border: 3px solid #cc6666;

Eso lo pones en css del div o contenido que quieras redondear, el moz-border-radius es para mozilla, el webkit-border-radius es para chrome y safari. Creo que con ie7 y ie8 funk, pero ni idea... dejame un dedo de hulk 😉

en busca de como redondear esquinas con css en google, con lo que vine a dar, gracias joaco

Cómo redondear esquinas con CSS

José Jiménez

Joaco

Nachitox

crystaldream

thejigg0695

Temas similares