Cómo poner un borde alrededor del texto en HTML

Crear un borde alrededor del texto en HTML es fácil de hacer y requiere sólo una pieza de código. Dependiendo de la complejidad de la frontera tiene que ser, hay diferentes elementos de código que se pueden añadir. Sin embargo, un borde simple es fácil de hacer (y se debe hacer) usando una sencilla CSS (Cascading Style Sheets) de código en el elemento HTML. El código puede ser personalizado para adaptarse texto de cualquier tamaño o longitud.

Instrucciones

1 Tomar nota del siguiente código tomado de quackit.com:

"<Div style =" width: 200px; altura: 100px; border: 1px sólido de color azul; ">

Introduzca el texto aquí.

</ Div> "

2 Insertar el código en un documento HTML. Ajustar los parámetros para ajustar el texto. La anchura se puede ajustar mediante el aumento del número en el "width: 200px;" zona. La altura se puede ajustar aumentando o disminuyendo el número en la "altura: 100px;" campo. Si el borde tiene que ser más grueso, aumente el número en el "border: 1px" parámetro. El color del borde se puede cambiar introduciendo el nuevo color en lugar de "color azul". códigos de color HTML de seis dígitos se pueden utilizar.

3 Introduzca el texto de la frontera en el "Introduzca el texto aquí". zona. La longitud del texto, no importa, tendrá que ser incrementado para ajustar el texto más grande de los parámetros de la frontera. Esto puede requerir algunos ajustes para obtener el tamaño correcto, pero que es bastante fácil de corregir.