Markdown Toolbox Logo Markdown Toolbox
Lar
Blogue

Temos outra página em inglês. Você gostaria de trocar de idioma?

We have another page in English. Would you like to change languages?

Sim / Yes Não / No

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.