Tecnología

Inicio

Cómo dar formato a las cajas de formularios con CSS

Cómo dar formato a las cajas de formularios con CSS


Cuando se codifican los formularios web en HyperText Markup Language (HTML), las cajas y otros elementos están formateados de manera predeterminada, pero usted tiene la capacidad de cambiar la presentación mediante hojas de estilo en cascada (CSS). CSS le da control sobre cómo ciertas características, tales como la frontera de su carga y el color de fondo, aparece así que mejor puede personalizar para que se adapten a su disposición. Crear la regla CSS que diseña sus cuadros de formulario, como usted prefiera.

Instrucciones

1 Inicie la aplicación de editor de texto y abra el archivo que tiene las cajas que desee dar formato.

2 Tipo "<style type =" text / css "> </ style>" después del inicio <head> en la parte superior de la página. Este código CSS tiene las reglas de estilo que se crean.

3 Enter "de entrada", seguido de llaves para crear la regla de que sus estilos de forma de cuadros. Tipo "border:;" dentro de los corchetes e introduzca un valor numérico en píxeles (px), un estilo de línea, tales como "puntos", y un valor de color hexadecimal para especificar cómo aparecen los contornos alrededor de los rectángulos de la forma. Para ilustrar:

de entrada {border: 1px # FFFF00 de puntos; }

4 Tipo "background-color:;" después de la frontera y entrar en atribuir un color para determinar el color de fondo de su caja. Además, introduzca "color:;" y escriba un tono preferido para definir el color de cualquier texto que aparece en la caja de su formulario. Su código CSS completa se ve como el ejemplo que se muestra aquí:

<Style type = "text / css">

de entrada {border: 1px # FFFF00 de puntos; background-color: # 606060; de color: #ffffff; }

</ Style>

5 Guarde el archivo. Las cajas en su forma ahora se formatean automáticamente, de acuerdo con la regla de estilo.