Обычно мы можем использовать фоновое изображение для добавления теней к изображениям, но как этого добиться для изображений с нефиксированными размерами?
Для этого мы можем использовать «метод визуального обмана», определив границу градиента.
<!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 ">
<голова>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="zh-CN" />
<title></title>
<style type="text/css" >
тело {background:#2e334d;}
img {граница: нет;}
a.pic-shadow {display:inline-block;zoom:1;padding:1px;background:#262a3f;border:solid #2b3048 1px;border-radius:5px;-moz-border-radius:5px;-webkit- граница-радиус: 5 пикселей;}
a.pic-shadow img {padding:1px;background:#13151f;border:solid #1e2132 1px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
</стиль>
</голова>
<тело>
<a class="pic-shadow" href="#" title=""><img src=" border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
Приведенное выше определение представляет собой определение закругленных углов в различных стандартных браузерах для более профессионального обмана глаз.
Цветовой код можно подобрать после создания эффекта внешнего свечения в PS.
Вышеупомянутые эффекты: [Мягкий], [Расширенный 0], [Размер 5 пикселей], [Цвет #000], а остальные — по умолчанию.
Конечно, если у вас есть особые требования, вы можете использовать фильтры IE, чтобы добиться более красивых теней. Если фильтристы пройдут мимо... вы можете пойти туда сами.