楽天広場HTML講座

2009/02/23(月)06:42

楽天広場HTML講座・画像の縦横にスペースを空ける

HTML文字画像リンク(28)

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

続きを読む

総合記事ランキング

もっと見る