美容・健康・ファッション・インテリア・DVD・お花・ギフト 安全安心のお買い物

町工場ネット トップ  ◇サイトマップ ◇新規登録 ◇プライバシーポリシー ◇相互リンクの方法 ◇問い合わせ

町工場 | 総合 | 美容 | ファッション | インテリア | 家電 | 資格| 食料 | 個人開業 | 書籍 | ギフト | ホビー | CD・DVD

←前に戻る トップページ 内容一覧 次ページ→
■表の角を丸める 簡単なテクニック 6

ご覧のようにすきまがありません。中に文字もかけます。

ここに文字をかけます。
普通にいくらでもかけます。
画像の挿入ももちろんできます。
 

それでは、ソースファイルをみてみましょう。

<TABLE cellspacing="0" cellpadding="0" width="300" height="100">
<TR>
<TD width="7" height="3"><IMG src="red-ltop.gif" width="16" height="16" border="0"></TD>
<TD bgcolor="#ff0000" valign="bottom" width="300" height="3"></TD>
<TD width="7" height="3"><IMG src="red-rtop.gif" width="17" height="16" border="0"></TD>
</TR>
<TR>
<TD bgcolor="#ff0000" width="7" height="100"></TD>
<TD bgcolor="#ff0000" width="300" height="100" valign="top" align="left">
<BR>
&nbsp;</TD>
<TD bgcolor="#ff0000" width="7" height="100"></TD>
</TR>
<TR>
<TD width="7"><IMG src="red-lund.gif" width="16" height="17" border="0"></TD>
<TD height="17" bgcolor="#ff0000" width="300"></TD>
<TD width="7"><IMG src="red-rund.gif" width="17" height="17" border="0"></TD>
</TR>
</TABLE>

難しいことは覚えなくても大丈夫です。

上のソースの中で
height=”100” となっている100を変えると高さが
width=”300”  となっている300を変えると幅が変わります。

ただし100となっているところを変更するときは100とかかれている部分全部(4箇所)、300となっているところを変更するときは300とかかれている部分全部(4箇所)全部を書き換えなくてはなりません。

IMG src="red-ltop.gif" とかかれているところの red-ltop.gif  が角のまるい形の画像ファイルです。

cellspacing="0" cellpadding="0"
これがセルの間隔を指定している部分です。 

では、次ページで素材をご提供しましょう。

←前に戻る トップページ 内容一覧 次ページ→