Bordes Redondeados Css

Páginas: 4 (895 palabras) Publicado: 2 de agosto de 2012
Ya vimos como crear bordes redondeados en CSS una vez gracias a CSS Sprites, pero ahora lo haremos para que sea compatible con Internet Explorer, gracias a un archivo .htc.
Pasos para crearlo:Debemos descargar el archivo .htc, este archivo deberemos incluirlo en la raíz de nuestro FTP (si lo queréis dejar como está por defecto).
Después, metemos este código en el documento donde queramostener nuestros bordes redondeados (El código consta de una llamada al archivo .htc, y un div con un selector css para llamar al estilo .redondo.)


Código CSS

Ver en texto planoCopiar alportapapelesImprimir
1. .redondo {
2. border.radius: 10px;
3. -moz-border-radius:10px;
4. -webkit-border-radius:10px;
5. }
.redondo {
border.radius: 10px;
-moz-border-radius:10px;-webkit-border-radius:10px;
}
Ahora, para aplicar bordes redondeados en CSS, deberemos añadir a la clase anterior, esta línea:
Ver en texto planoCopiar al portapapelesImprimir
1.behavior:url(border-radius.htc);
behavior:url(border-radius.htc);


Código HTML

El código HTML es:
Ver en texto planoCopiar al portapapelesImprimir
1. borde redondeado
borde redondeado
Listo, ya tendremosnuestros bordes redondeados compatible con Internet Explorer gracias al uso de CSS y un archivo .htc. A continuación se muestra un ejemplo del mismo.







Bordes redondeados en InternetExplorer

JMiur [E]
Bordes redondeados ... si algo no se redondea no es cool y bueno, todos terminamos sucumbiendo a la tendencia y eso no es ni malo ni bueno. Todos menos Internet Explorer porqueallí, redondear esquinas es imposible y, aunque se había anunciado que esa propiedad iba a ser agregada a IE8, tal cosa no ha ocurrido y todos se quejan aunque, erróneamente, son muchos los sitios quehablan de esa propeidad y eso provoca confusión entre los usuarios.

¿Que se dice? Que las propiedad para redondear bordes establecida por la w3org es:

border-radius: valor;

pero, los...
Leer documento completo

Regístrate para leer el documento completo.

Estos documentos también te pueden resultar útiles

  • Bordes En Css
  • Bordes redondeados CSS3
  • Que Es Css
  • Css
  • QUE ES CSS
  • css
  • Los css
  • css

Conviértase en miembro formal de Buenas Tareas

INSCRÍBETE - ES GRATIS