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

画像を汎用ブロックレベル要素<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でどうなるかちょっと不安な書き方ですが。。

[nilab]

OKWave 画像の枠の色と外郭線のつけ方 : 画像を汎用ブロックレベル要素<div>でくくってやる方法