影をつける

■まずは文字に影！

影つき文字だよ〜♪

<span style="color:#fe94be; width:80px; filter:progid:DXImageTransform.Microsoft.Shadow (color=#cccccc,strength=4,direction=135);"> 影つき文字だよ〜♪ </span>

少し違う影のタイプだよ！

<span style="color:#70abcb; width:140px; filter:progid:DXImageTransform.Microsoft.Dropshadow (color=#cccccc,offx=2,offy=3);">少し違う影のタイプだよ！ </span>

■つぎは画像に影！

<img src="●●●.jpg" style="filter:progid:DXImageTransform.Microsoft.Shadow (color=#cccccc,strength=10,direction=135);">

■最後はテーブルにも影！

テーブルにも影♪

<TABLE width="200" height="100" style="background-color:#dff8fd; border:solid 1px #78e1f8; font-size:12px; filter:progid:DXImageTransform.Microsoft.Shadow (color=#cccccc,strength=5,direction=135);"> <tr> <TD align="center"> テーブルにも影♪ </TD> </tr> </TABLE>