Markdown Toolbox Logo Markdown Toolbox
Hogar
Blog

¿Cómo añadir un borde de imagen en Markdown?

2023-12-29

Agregar bordes a las imágenes en documentos Markdown implica usar una combinación de Markdown y HTML. Dado que el Markdown estándar no admite el estilo de imágenes, se utilizan etiquetas HTML para aplicar estilos CSS adicionales.

Así es como puedes agregar un borde a una imagen:

  1. Incorpora la imagen usando la sintaxis estándar de imagen en Markdown.
  2. Envuelve la imagen en una etiqueta HTML <div> o <span>.
  3. Aplica CSS en línea para agregar un borde.

Por ejemplo:

<div style="border: 2px solid black;">![Texto alternativo](image-url.jpg)</div>

Esto mostrará la imagen con un borde sólido negro de 2 píxeles. Puedes personalizar el estilo, ancho y color del borde modificando el CSS en el atributo style.

Recuerda que no todos los analizadores de Markdown admiten HTML y CSS, por lo que este método puede que no funcione en todos los entornos.