画像を中心に配置したい

画像の上下にも背景色を表示したいですが、うまくできません。
横幅は<align="center">で指定できたのですが、上下は・・・。
HTML、CSS、画像ファイル（gazou1.jpg）全て同じ階層にあります。


・HTML

<div class="gazou" align="center"><img src="gazou1.jpg"></div>


・CSS

div.main {
width: 100%;
background-color: green
}

No.1 ベストアンサー 回答者： ORUKA1951 回答日時： 2012/02/16 17:11

画像以外も入らなければ、

<p class="logo"><img></p>
p.logo{
width:200px; /* 画像巾 */
height:150px; /* 画像高さ */
padding: 20px 30px 40px 30px;/* 上 右 下 左 */
background-color:green;
}

単純に
img[src="HTMLに書かれたもの"]{padding:40px;background-color:green;}
もしくは、
img[src="HTMLに書かれたもの"]{border:green 40px;}


でもよいし・・

この回答へのお礼

paddingはmarginと似たものかと思っていましたが、
背景色の指定もできるのですね。

無事できました。
ありがとうございました。
またよろしくお願いします。

お礼日時：2012/02/16 19:46