画像に影をつける

長い間、憧れていた「画像に影をつける」方法、 花と写真とblogと。さんが紹介されていたので参考にしてやって見ました。 ヾ(＠~▽~＠)ノわぁい いいんじゃない？ いつも同じ大きさの写真と決まっていれば、もう少しいい感じに成ると思うのですが、気まぐれな画像サイズの私にはコレで充分です。 花と写真とblogと。さん、ありがとうございました。
この方法は背景が白限定です。 先ず背景に使う画像をUPします。 参考画像はこちら 次に%topentry_bodyとtopentry_moreを囲っているdiv　classのスタイルシートを次のように上書きします。 私の場合は[entry_text]ですのでentry_text imgの部分です。

background-color: #666; padding-top: 7px; padding-left: 6px; padding-right: 21px; padding-bottom: 22px; border-top: 1px solid #EEEEE0; border-right: 0px solid #808080; 　　 border-left: 1px solid #EEEEE0; border-bottom: 0px solid #808080; margin-top: -2px; margin-left: -20px; margin-right: 21px; margin-bottom: 22px; background: url(影に使う画像のURL) bottom right; float: center;