Isenção de responsabilidade: Este artigo foi gerado usando tradução automática.

As of 22 Nov 2025, the Markdown editor has been upgraded from v1.4.10 to v3.2.2. The toolbar, layout, icons, and editor structure remain unchanged.

Como adicionar sombras a uma imagem no Markdown?

Prev Next

Planos que suportam a personalização de imagens no editor de markdown

Plans supporting this feature: Professional Business Enterprise


O Markdown não tem uma maneira integrada de adicionar sombras às imagens, mas você pode usar tags HTML no Markdown para obter esse efeito.

Solução alternativa

Código de exemplo

<img src="image.jpg" alt="Alt text" style="box-shadow:3px 3px 3px gray;">

Substitua o image.jpg pelo URL da sua imagem e adicione o texto alternativo da sua imagem no lugar de "your-image-description".

Neste exemplo, estamos usando a box-shadow propriedade CSS para adicionar um efeito de sombra à imagem. A box-shadow propriedade usa três valores: o deslocamento horizontal, o deslocamento vertical e o raio de desfoque da sombra.

No código de exemplo acima, usamos um

  • Deslocamento horizontal e vertical de 3 pixels

  • Raio de desfoque de 3 pixels

  • A cor da sombra é definida como cinza

NOTA

Você também pode alterar a cor da sombra. Basta substituir "cinza" pelo nome da cor desejada.

O cinza foi usado no exemplo porque é a cor de sombra mais comumente usada.

Resultado

Sem sombra

1_Screenshot-without_shadow_Featured_image-Health_check_metrics.png

Com sombra

Alt text