武林網(www.49028c.com)文章簡介：CSS實例:Google Adsense代碼廣告投影效果.

一直覺得帕蘭的 Google Adsense 廣告修飾得很漂亮。使用背景圖片可以很方便地實現這個投影效果，不過使用 CSS 就足以實現。

以創建一個 300×250 尺寸的廣告投影為例：

這三個 div 容器中，其中第一個子容器用于投影效果，第二個用于 Google Adsense 代碼。附加樣式如下：

主要利用了定位和邊框，利用邊框，可以輕松實現三角形。有兩個遺憾是：投影的漸變無法實現，廣告 hover 效果在 IE6 下無效。不過沒有用到任何圖片，目前已經在芒果上應用。少一些體積省一些流量，可以嘗試一下。