Markdown Toolbox Logo Markdown Toolbox
Lar
Blogue

Como adicionar uma borda de imagem no Markdown?

2023-12-29

Adicionar bordas a imagens em documentos Markdown envolve o uso de uma combinação de Markdown e HTML. Como o Markdown padrão não suporta estilização de imagens, tags HTML são usadas para aplicar estilos CSS adicionais.

Aqui está como você pode adicionar uma borda a uma imagem:

  1. Incorpore a imagem usando a sintaxe padrão de imagem do Markdown.
  2. Envolva a imagem em uma tag HTML <div> ou <span>.
  3. Aplica CSS inline para adicionar uma borda.

Por exemplo:

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

Isso exibirá a imagem com uma borda sólida preta de 2px. Você pode personalizar o estilo, largura e cor da borda modificando o CSS no atributo style.

Lembre-se, nem todos os parsers Markdown suportam HTML e CSS, então este método pode não funcionar em todos os ambientes.