Pour créer un effet d'ombre autour d'une image en HTML et CSS, vous pouvez utiliser la fonction CSS drop-shadow()
:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Comment créer un effet d'ombre autour d'une image en HTML et CSS ?</title>
<style>
.ombre_image {
filter: drop-shadow(0 0 0.8rem black);
}
</style>
</head>
<body>
<img src="https://www.1formatik.com/os.jpg" alt="Image avec une ombre portée" class="ombre_image">
</body>
</body>
</html>
Vous trouverez d'avantage d'information, sur la manière d'ajouter un effet d'ombre autour d'une image, via cette page du site de Mozilla.