Haftungsausschluss: Dieser Artikel wurde durch maschinelle Übersetzung erstellt.

Wie füge ich Schatten zu einem Bild in Markdown hinzu?

Prev Next

Haftungsausschluss: Dieser Artikel wurde durch maschinelle Übersetzung erstellt.

Pläne, die das Anpassen von Bildern im Markdown-Editor unterstützen

Professional
Business
Enterprise







Markdown verfügt nicht über eine integrierte Möglichkeit, Bildern Schatten hinzuzufügen, aber Sie können HTML-Tags in Markdown verwenden, um diesen Effekt zu erzielen.

Problemumgehung

Beispielcode

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

Ersetzen Sie das image.jpg durch Ihre Bild-URL und fügen Sie den Alt-Text für Ihr Bild anstelle von "your-image-description" hinzu.

In diesem Beispiel verwenden wir die box-shadow CSS-Eigenschaft, um dem Bild einen Schatteneffekt hinzuzufügen. Die box-shadow Eigenschaft akzeptiert drei Werte: den horizontalen Versatz, den vertikalen Versatz und den Weichzeichnungsradius des Schattens.

Im obigen Beispielcode verwenden wir eine

  • Horizontaler und vertikaler Versatz von 3 Pixeln

  • Unschärferadius von 3 Pixeln

  • Die Farbe des Schattens ist auf Grau eingestellt

ANMERKUNG

Sie können auch die Schattenfarbe ändern. Ersetzen Sie einfach "grau" durch den gewünschten Farbnamen.

Grau wurde in diesem Beispiel verwendet, da es die am häufigsten verwendete Schattenfarbe ist.

Ergebnis

Ohne Schatten

1_Screenshot-without_shadow_Featured_image-Health_check_metrics.png

Mit Schatten

Alt text