Cómo poner un borde alrededor del texto en HTML

Por erick kristian
Un borde alrededor del texto ayuda a resaltarlo.
frame image by Sergey Galushko from Fotolia.com

Crear un borde alrededor del texto en HTML es fácil y requiere sólo un trozo de código. Dependiendo de la complejidad que deba tener el borde, 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) con un código sencillo CSS (hoja de estilo en cascada) en el elemento HTML. El código puede personalizarse para adaptarse a un texto de cualquier tamaño o longitud.

Paso 1

Anota este código de quackit.com:

"

INGRESA TU TEXTO AQUÍ.
"

Paso 2

Introduce el código en un documento HTML. Ajusta los parámetros para que el texto encaje. La anchura se puede ajustar mediante el aumento del número en "width:200px;". La altura se puede ajustar aumentando o disminuyendo el número en la "height:100px;". Si el borde debe ser más grueso, aumenta el número del parámetro "border:1px " . El color del borde se puede cambiar introduciendo el nuevo color en lugar de "solid blue". Puedes usar los códigos de color HTML de seis dígitos.

Paso 3

Introduce el texto del borde en la zona "INGRESA TU TEXTO AQUÍ". La extensión del texto no importa, los parámetros del borde deberán ajustarse para que el texto más grande quepa. Esto puede requerir algunos ajustes para obtener el tamaño adecuado, pero eso es bastante fácil de corregir.