HTMLで2枚並べた画像の上下に余白を作ろう

画像に余白TOP

ネットショップの商品ページを作っていると、たまに画像と画像の上下に余白をつけたい時がありませんか?

<br>で空けてもいいのですが、けっこうな空白を空けたいときは、<br>がズラズラ並んでしまうので、これを解消するタグを記述する方法です。

Sponsored Links

HTMLで画像の上下に余白を作る方法

画像タグにvspace=”50″を付け加えるだけで簡単に、上下に余白ができるようになります。

<img src="画像" alt="" width="100" height="100" vspace="50">

【例】

変更前

<img src="画像" alt="" width="100" height="100">

変更後

<img src="画像" alt="" width="100" height="100" vspace="50">

vspace=”50″

50は、上下の余白を作る数値です。数字を大きくしていくと余白も大きくなります。レイアウトに合わせてお好みの数字を入れてくださいね。
Sponsored Links
合わせて読みたい
よろしければシェアお願いします
同じカテゴリーのコンテンツ一覧