Cómo crear cuadros de texto personalizados en HTML

Un cuadro de texto se utiliza en un formulario de Internet para proporcionar a su visitante con un área para introducir su información. Estas cajas presentan inicialmente con un fondo blanco y texto negro, pero tenga en cuenta el cambio de estas características para satisfacer sus necesidades. Por ejemplo, el estilo del cuadro de texto para que coincida con el resto de su diseño de página, o el diseño de esta función para llamar la atención sobre una caja en particular. El uso de HyperText Markup Language (HTML) en conjunción con hojas de estilo en cascada (CSS), crear sus propios cuadros de texto personalizado.

Instrucciones

1 Lanzamiento de su editor de texto y crear una nueva página. Introduzca el siguiente código para crear un área de texto básico:
<Textarea cols = "50" filas = "6">
Este es el texto que se muestra dentro de su cuadro de texto.
</ Textarea>

2 Enter "style =" en la etiqueta "<textarea>", escriba el identificador "background-color" y siga esto con la sombra de fondo deseado. Utilice un nombre de un color, tales como "azul", y escriba su color de fondo de la siguiente manera:
<Textarea cols = "50" filas style = "6" = "background-color: blue;">

3 Escriba un identificador de "frontera" para asignar un estilo de esquema para su cuadro de texto. Seleccione un estilo de línea, tales como "sólido" o "puntos", elegir un tamaño de línea en píxeles (px) y elegir un color para esta función. Por ejemplo, crear un borde de puntos que es de dos píxeles y rojo:
<área de texto cols = "50" filas = estilo "6" = "background-color: blue; frontera: 2px salpicado red; ">

4 Introduzca un identificador de "fuente" para asignar el tamaño del contenido que aparece dentro de su cuadro de texto. Este texto da al visitante una pista acerca de lo que está pidiendo (por ejemplo, "Enter sus comentarios aquí."). Para ilustrar, hacer que la fuente de 14 píxeles:
<Style área de texto = "background-color: blue; frontera: salpicada de 2 píxeles de color rojo; fuente: 14px; ">

5 Guarde el documento con el "HTML" final (extensión).