Hojas de Estilo en Cascada (CSS) es una forma estandarizada para controlar la aparición de elementos HTML en sus páginas Web. CSS3 es un nuevo conjunto de estándares CSS actualmente está siendo desarrollado por el World Wide Web Consortium (W3C), que promete muchas nuevas maneras interesantes para usted el estilo de su páginas. Por desgracia, los diversos componentes de CSS3 no se aplican de la misma manera en todos los principales navegadores Web, por lo que debe incluir algún código redundante para maximizar la compatibilidad. Utilice variantes de la propiedad "border-radius" estilo de hacer cuadros de entrada con las esquinas redondeadas.

Instrucciones

1

Agregue el siguiente código CSS entre las etiquetas "cabeza" de su documento HTML:

<Style type = "text / css">

.rounded {

-webkit-border-radius: 8px;

-moz-border-radius: 8px;

border-radius: 8px;

}

</ Style>

Cuanto mayor sea el valor de píxel asignado a estas propiedades, el más redondo de las esquinas que se producirán.

2

Agregue el código siguiente al cuerpo del documento HTML para crear un cuadro de entrada con las esquinas redondeadas:

<Input type = clase "texto" = "redondeada" />

Asigne tantos cuadros de entrada a la clase "redondeada" como quieras.

3

Utilice una asignación de estilo en línea para dar esquinas redondeadas a un solo elemento sin la declaración de la clase en la sección "cabeza":

<Input type = estilo "texto" = "- webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;" />