もっとおしゃれにAmeba Ameba HTML タグ入門 #03 画像の装飾

<img style="margin: 5px 10px 15px 20px; display: inline; border:solid 10px #111111; " align="left" src="http://stat.ameba.jp/user_images/20110515/20/ichamaru/3d/4d/j/o0800051311230115755.jpg" width="50%" height="" />画像だけだと淋しいという・・・・

画像だけだと淋しいという向きにはこのように線で囲むと良いかもしれません。

<img style="margin: 5px 10px 15px 20px; display: inline; border:solid 1px #111111; padding:5px; background-color:#ffffff;" align="left" src="http://stat.ameba.jp/user_images/20110515/20/ichamaru/3d/4d/j/o0800051311230115755.jpg" width="50%" height="" />囲み方を変えてみます。

囲み方を変えてみます。


　このようにすれば、キャプション付きになります。

<div style="border:solid 1px #111111; width:50%; padding:10px; text-align:center;"><img src="http://stat.ameba.jp/user_images/20110515/20/ichamaru/3d/4d/j/o0800051311230115755.jpg" width="90%" height="" />
<font size="4">F-86 Super Saver</font></div>

F-86 Super Saver