画像に影をつけたいのですが、

質問

このような画像に影を付けるには
どうすればよいでしょうか？

<td><img src="画像" width="180"
height="135"></td>
</tr>

よろしくお願しますm(__)m

回答No.2

BLUEPIXY · ベストアンサー

>影の色
background-color:black;
の部分で色を指定します
色名または、#RRGGBBで指定します。
例えば、青
blueまたは、#0000FF

>位置を調整
top:-115px;left:20px;
の数字を変えてみて下さい
topの方はマイナスにするほど、上に
leftの方は、大きくするほど、右に
移動します

お礼

すみません、またまた返事が遅くなってしまいましたが、
たくさん教えて下さってありがとうございます！
がんばってやってみます(^o^)丿

回答No.1

BLUEPIXY

<img src="画像" width="180"
height="135" style="position:relative;z-index:99">
<div style="position:relative;top:-115px;left:20px;width:180px;height:135px;background-color:black;z-index:0"></div>
みたいな感じでどうでしょう。
考え方としては、同じ大きさの色をつけた<div>を相対位置で少しずらして下にもぐり込ませてやります。

お礼

遅くなってすみません(>_<)
ありがとうございました！
影の色とか、位置を調整したいのですが、
どうすればよいでしょうか？
お時間があったら教えて下さいm(__)m