CSS 陰影效果
程式說明：
box-shadow： h-shadow v-shadow blur spread color inset;
(box-shadow：水平位置 垂直位置 模糊的程度 大小 顏色 在上面;)
這邊只使用到 h-shadow v-shadow blur color，其它為預設值。
IE 5.5 或是更早之前的版本使用：
filter：progid：DXImageTransform.Micorsoft.Shadow(color direction enabled strength);
(filter：progid：DXImageTransform.Micorsoft.Shadow(顏色 方向 是否啟用過濾 強度大小);)
enabled預設是啟用。
direction說明：0 Top
45 Top right
90 Right
135 Bottom right (本程式選此設定)
180 Bottom
225 Bottom left
270 Default left
315 Top left
程式碼如下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS 陰影效果</title>
<style>
.shadow1{
background-color: #FFFF00;
height: 100px;
width: 100px;
box-shadow:3px 3px 4px #333333;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=35, Strength=5); /*IE5.5 或更早版本*/
}
</style>
</head>
<body>
<div class="shadow1"></div>
</body>
</html>
執行結果如下圖：
box-shadow參考網址：http://www.w3schools.com/cssref/css3_pr_box-shadow.asp
shadow filter參考網址：http://msdn.microsoft.com/en-us/library/ms533086(v=vs.85).aspx
shadow filter範例網址：http://samples.msdn.microsoft.com/workshop/samples/author/filter/Shadow.htm
參考或是複製語法時，別忘了留個言喔 ^ ^ ~