画像の枠の色と外郭線のつけ方

質問

画像を貼り付ける際、外枠をつけますが、
外枠の色の変更や外郭線のつけ方を教えていただきたいのです。
例えば、白い枠と黒い外郭線という場合です。
ＨＴＭＬは多少理解できます。
よろしくお願いします。

回答No.1

345itati

画像を汎用ブロックレベル要素<div>でくくってやる方法があります。

<div style="width: 204px; height: 204px; background-color: #000000; text-align: center;">
<img src="hoge.jpg" alt="代替テキスト" width="200" height="200" style="padding: 2px; border: 1px #ffffff solid">
</div>

200×200pixelの画像に、1pxの白い枠線をつけ、その外側に1pxの黒い枠線がつきます。画像＋白い枠線が202×202の大きさになるので、それぞれ2足して204ピクセルのブロックに黒い背景色を設定し、画像にpaddingを指定する事で1ピクセルの黒い枠線に見えます。
IEでどうなるかちょっと不安な書き方ですが。。。

お礼

お礼が遅くなり申し訳ありません。
まだ挑戦してませんが、ありがとうございました。