Cómo poner un borde alrededor del texto en HTML

Escrito por erick kristian | Traducido por beatriz sánchez
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo poner un borde alrededor del texto en HTML
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.

Nivel de dificultad:
Moderadamente fácil

Otras personas están leyendo

Instrucciones

  1. 1

    Anota este código de quackit.com:

    "<div style="width:200px;height:100px;border:1px solid blue;"> INGRESA TU TEXTO AQUÍ. </div>"

  2. 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.

  3. 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.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles