Tecnología

Inicio

Cómo hacer CSS3 esquinas redondeadas funcionan en Internet Explorer

Uno de los selectores CSS3 más estéticamente agradables disponibles es la que se suma a las curvas de los objetos de página Web. CSS 3, la última encarnación de CSS permite a los desarrolladores de sitios para transformar esquinas rectangulares en las páginas web en las esquinas redondeadas elegantes. Internet Explorer versiones superiores a la versión 8 ahora son compatibles con esta nueva característica CSS. Añadirlo a cualquier página web en su sitio mediante la adición de unas pocas líneas de código CSS 3 a su documento HTML.

Instrucciones

1 Abrir un documento HTML y añadir el código que se muestra a continuación a la sección del cuerpo del documento:
<Div class = "redondeada">
</ Div>

Este código crea un div que la clase referencias nombrado "redondeada".

2 Localiza sección de cabecera del documento y pega el siguiente código en esa sección:
.redondeado
{
la frontera de radio: 6px;
background-color: amarillo;
altura: 100px;
anchura; 100px
}

Este código crea la clase CSS que hace referencia la div. Su valor es de seis píxeles en este ejemplo. Tal valor pequeño produce un efecto redondeado sutil que apenas se nota. Los tres atributos restantes añadir un color de fondo para el div y que sea 100 píxeles de alto y 100 píxeles de ancho. existen estos atributos para que pueda ver el div cuando aparezca en la página web. Remover estos tres atributos más tarde después de probar el código.

3 Guarde el documento y visualizarla en cualquier versión de Internet Explorer superior a 8. Aparecerá un cuadro div amarillo con las esquinas redondeadas en la página web.

Consejos y advertencias

  • Aumentar el valor frontera de radio para hacer el más redondo de fronteras.

Artículos relacionados