2007'10.20 (Sat) Edit
アップロードした画像に影をつける
スタイルシートとＨＴＭＬを編集します。
影用の画像を用意し、左下に５ピクセルつづずらします。
画像に１ピクセルの枠線（border）をつけています。
本当は、画像と枠線の間も少し開けたかった（padding）けど、うまく表示されなかった。
原因はＩＥのＸＭＬ宣言のようです。
参考サイト
・ CSSで画像に影をつける（ドロップシャドウ）
・ 標準準拠モードと後方互換モード・DOCTYPE宣言について
・ 画像（写真）にフチや影をつける方法
関連サイト
・ 写真素材（ミントBlue）
追記：
このやり方は、スタイルシートを使用して、あたかも影付に見せている方法で、画像の大きさにクラスを設定しなければなりません。
もっと簡単に、というのであれば、はじめから影付の画像をUPすればいいのです。
画像ソフトを使いこなせない人は、ウェブ上で簡単に加工できるサイトがあります。
それを利用するのも手ですね。
関連記事
・ かんたん写真加工 切手風にアレンジMake STAMP! の【続きを読む】以降を読んでね。
ランキングに参加しています。バナーポチっと１クリック、応援よろしくお願いします！！
素敵なサイト、お手本にしたいサイトがたくさんありますよ。
この記事へのトラックバック
フェルトで作った５００円玉サイズのフルーツタルトストラップ完成
2007/11/06(火) 01:52:34 | 幼稚園楽しいかい？
| HOME |
└ 
