只須要簡單的 CSS，便可以令圖片加上陰影。
 

CSS 設定：

	style.css
	.wrap1 { float: left; width: auto; background: url(/images/img/fuzzy_shadow.png) no-repeat bottom right; } .wrap2 { background: url(/images/img/fuzzy_shadow1.png) no-repeat right top; } .wrap3 { background: url(/images/img/fuzzy_shadow2.png) no-repeat left bottom; padding: 0 6px 6px 0; display: block; } .wrap1 img { background-color: #fff; color: #000; border: 1px solid #999; padding: 4px; vertical-align: bottom; }
解	請更改 "/images/img/" 的位置。

圖像設定：

	<div class="wrap1"><div class="wrap2"><div class="wrap3"><img src="object.gif" /></div></div></div>
解	這是令圖像更改為陰影所需要的編碼。

1. 首先上載新的 CSS。
2. 修改圖像碼。

使用 CSS 為圖片加上陰影實例
 

• 圖象位置會受影響。