Généralement, on peut utiliser une image de fond pour ajouter des ombres aux images, mais comment y parvenir pour des images de tailles non fixes ?
Nous pouvons utiliser la « méthode de tromperie visuelle » pour y parvenir en définissant une bordure dégradée
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<tête>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<méta http-equiv="Content-Language" content="zh-CN" />
<titre></titre>
<style type="text/css" >
corps {arrière-plan :#2e334d;}
img {border: aucun;}
a.pic-shadow {display:inline-block;zoom:1;padding:1px;background:#262a3f;border:solid #2b3048 1px;border-radius:5px;-moz-border-radius:5px;-webkit- rayon de bordure : 5 px ;}
a.pic-shadow img {padding:1px;background:#13151f;border:solid #1e2132 1px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
</style>
</tête>
<corps>
<a class="pic-shadow" href="#" title=""><img src=" border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
La définition ci-dessus est la définition des coins arrondis dans divers navigateurs standards pour tromper les yeux de manière plus professionnelle.
Le code couleur peut être récupéré après avoir créé l’effet de lueur extérieure dans PS.
Les effets que j'ai ci-dessus sont [Soft], [Extended 0], [Size 5px], [Color #000] et le reste est par défaut
Bien sûr, si vous avez des exigences particulières, vous pouvez utiliser les filtres IE pour obtenir des ombres plus magnifiques. Si les filtres passent par là... vous pouvez y aller vous-même.