Descargo de responsabilidad: Este artículo se generó mediante traducción automática.

¿Cómo agregar sombras a una imagen en Markdown?

Prev Next

Descargo de responsabilidad: Este artículo se generó mediante traducción automática.

Planes que admiten la personalización de imágenes en el editor de rebajas

Professional
Business
Enterprise







Markdown no tiene una forma integrada de agregar sombras a las imágenes, pero puede usar etiquetas HTML dentro de Markdown para lograr este efecto.

Solución alternativa

Código de ejemplo

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

Reemplace el image.jpg con la URL de su imagen y agregue el texto alternativo para su imagen en lugar de "su-descripción-de-la-imagen".

En este ejemplo, estamos usando la box-shadow propiedad CSS para agregar un efecto de sombra a la imagen. La box-shadow propiedad toma tres valores: el desplazamiento horizontal, el desplazamiento vertical y el radio de desenfoque de la sombra.

En el código de ejemplo anterior, usamos un

  • Desplazamiento horizontal y vertical de 3 píxeles

  • Radio de desenfoque de 3 píxeles

  • El color de la sombra se establece en gris

NOTA

También puede cambiar el color de la sombra. Simplemente reemplace "gris" con el nombre de color deseado.

El gris se ha utilizado en el ejemplo porque es el color de sombra más utilizado.

Resultado

Sin sombra

1_Screenshot-without_shadow_Featured_image-Health_check_metrics.png

Con sombra

Alt text