-
Cómo agregar un borde a un área de texto HTML
-
Las áreas de texto son los controles de entrada del usuario en páginas Web. Parecen similares a cuadros de texto, pero tienen varias líneas en lugar de uno. Puede agregar un borde a las áreas de texto utilizando la propiedad "estilos" de la variable "área de texto". Este enfoque le permite cambiar el ancho, el color y el estilo del borde área de texto. También puede indicar si para romper la frontera en segmentos o dejarlo como un rectángulo completamente cerrada. La etiqueta de "área de texto" hace que sea fácil de poner fronteras a otros elementos de la página porque el código HTML es exactamente el mismo.Instrucciones
1 Abra cualquier procesador de texto y escribe los siguientes códigos HTML. Estos códigos definen una página Web en blanco a la que se le agrega un área de texto en los próximos pasos.
<Html>
</ Html>
2 Pegar los siguientes códigos HTML después de la primera etiqueta que ha introducido en el paso anterior. Estos nuevos códigos definen el cuerpo de la página web y añadir un área de texto a ese cuerpo. El área de texto no tiene borde, sin embargo, sólo una parte de texto de ejemplo.
<Body>
<Textarea>
Hola
</ Textarea>
</ Body>
3 Escriba el siguiente código justo antes de la ">" carácter final de la primera etiqueta "área de texto". Este código asigna un valor de cadena a la propiedad "estilo" del área de texto. Esa cadena es una instrucción antes decirle a su navegador para pintar un borde alrededor del área de texto.
style = "border-width: 5px;"
4 Guarde el documento con cualquier nombre que termina en ".htm" y con un tipo de archivo de texto sin formato.
5 Abra el Explorador de Windows y navegue hasta el archivo que acaba de guardar. Haga doble clic en el archivo para abrirlo con el navegador predeterminado. Tenga en cuenta que el área de texto tiene un borde alrededor. La propiedad "estilo" que ha escrito en el paso 3 produjo esta frontera, y ahora se puede cambiar el aspecto de la frontera con la misma propiedad.
6 Haga clic justo a la izquierda de la última cotización doble de la propiedad "estilo" en el documento. Pegue el siguiente código HTML en el documento. El propósito de este nuevo estado se desprende de su nombre: se hace que el borde de puntos en lugar de sólido.
; Border-style: punteado;
7 Vuelva a guardar el documento, a continuación, pulse la tecla "F5" en el navegador para recargar la página. La frontera del área de texto ahora muestra un borde de puntos.
8 Escriba el siguiente código HTML en la misma ubicación que el último código introducido. Este código añade color a su frontera. Prueba diferentes colores en lugar de la que se da aquí.
; Border-color: green;
9 Vuelva a guardar y volver a cargar la página como lo hizo anteriormente para ver los cambios en el borde.
