使用CSS給圖片添加陰影的方法

一般我們可以使用背景圖的方式給圖片添加陰影，但對於不固定尺寸的圖片如何?呢？我們可以採取“視覺欺騙大法”——定義漸層邊框來實現： [code] on_all">

一般我們可以使用背景圖的方式給圖片添加陰影，但對於不固定尺寸的圖片如何?呢？我們可以採取“視覺欺騙大法”——定義漸層邊框來實現：

提示：您可以先修改部分代碼再運行

下面這段定義是各標準瀏覽器中圓角定義，用以更專業地欺騙眼睛

複製代碼

代碼如下:

border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;

顏色代碼可以在ps中做好外光暈效果後拾取。我上面的效果是[柔和]、[擴充0]、[大小5px]、[顏色#000]其餘預設
當然了，特殊要求的話可以使用ie的濾鏡來實現更華麗的陰影。