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

画像に余白TOP

 

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

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

Sponsored Links

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

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

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

【例】

変更前

 

変更後

 

vspace=”50″

50は、上下の余白を作る数値です。数字を大きくしていくと余白も大きくなります。レイアウトに合わせてお好みの数字を入れてくださいね。

Sponsored Links

こちらの記事もよく読まれています

SNSでもご購読できます。

コメントを残す

*

CAPTCHA