Cómo hacer una caja redondeada con CSS3

Cascading Style Sheet nivel 3 (CSS3) es la versión 3 del lenguaje de estilo CSS. CSS se utiliza con HyperText Markup Language (HTML) documentos y regula la forma de un sitio web aparece en los navegadores Web, como Microsoft Internet Explorer, Mozilla Firefox y Google Chrome. CSS3 le permite modificar un objeto de cuadro nativo en términos de ángulos de esquina. El World Wide Web Consortium (W3C) ofrece ejemplos de cómo los ángulos especificados en el documento CSS típicamente aparecerá en un explorador Web.

Instrucciones

1 Haga clic en el archivo CSS en el que se desea implementar el código CSS para las esquinas redondeadas y haga clic en "Abrir con". Haga clic en "Bloc de notas". El archivo se abrirá en el Bloc de notas.

2 Copiar y pegar el siguiente código CSS en el archivo CSS:

¿NOMBRE?

{

ancho del borde:

40px 20px;

la frontera de radio:

80px / 60px;

}

Reemplazar "NOMBRE?" con el nombre del elemento de caja en el documento HTML.

3 Pulse la tecla "Ctrl" y "S" en el teclado para guardar el archivo.

4 Bloc de notas de salida.