2009/02/23(月)06:42
楽天広場HTML講座・画像の縦横にスペースを空ける
・画像を効果的にはる
■画像の縦横にスペースを空ける
このように、通常の状態では、画像と文章がかなりくっついて表示されます。
この画像と文章の間にスペースを空けるとどうなるでしょう?
ここで、「hspace」「vspace」属性をつかってみましょう。
「hspace」はヨコの間隔を、「vspace」はタテの間隔を調節できます。
「<IMG SRC="~.jpg" align="left" hspace="20" vspace="10">このように~せんか?」と入力します。
↓
このように画像の回りにいくつも段落を表示する事はできます。alignは非常に役に立ちます。今回は画像にわかりやすいように、ふちどりをつけてあります。すると、このように「ヨコ20」「タテ10」のスペースがあきました。上の例と比べると、すっきり見やすくなったとおもいせんか?