ホームページ キッチントップへ
Q&Aマップ | サイトマップ
フリー素材ホームページ HTML レシピホームページの配色ホームページ作成 環境ホームページ作成 ソフト
ホームページ キッチントップへ

-- やすあがりレシピ --
画像に余白をつけるには


 HTMLソース

<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>cafe</title>
</head>
<body bgcolor="#ffffff" text="#666666" link="#b34d1a" vlink="#b3801a" alink="#cc004d" background="images/bk.gif" style="background-repeat:repeat-x;">

<div align="center">

<br><br><br><br>

<table border="1" width="500" cellspacing="0" cellpadding="0">
<tr>
<td width="250">
<div align="center">
<img src="images/title.gif" width="200" height="194" border="0" alt="welcome"></div><br>
メモ帳で作る「やすあがりレシピ」のデザインサンプルです。<br><br>早速メモ帳を起動してやってみよう。</td>
<td width="50">これは余白</td>
<td width="200">
<br><br><br><img src="images/topics.gif" width="182" height="55" alt="topics" border="0" vspace="2"><br><img src="images/index.gif" width="182" height="55" alt="index" border="0" vspace="2"><br><img src="images/gallery.gif" width="182" height="55" alt="gallery" border="0 vspace="2""><br><img src="images/event.gif" width="182" height="55" alt="event" border="0 vspace="2""><br><img src="images/profile.gif" width="182" height="55" alt="profile" border="0 vspace="2"">
</td>
</tr></table>
</div>

</body>
</html>

画像は余白をもたせることができます。縦余白をvspaceで、横余白をhspaceで指定します。

vspace=2は上下に2ピクセルずつ余白を作ります。


vspace=20、hspace=10の例
は画像


|<前のページへ 次のページへ>|


| レシピトップへ |
| ホームページ作成TOP |
-- CopyRight(C) ホームページキッチン 2006 Haruyo --