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

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

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

←前に戻る トップページ 内容一覧 次へ進む→
■簡単な装飾 表を使う1
罫線は太さを変えられますが、罫線の上に文字を表示することはできません。よくみかける

このように表示されているのをみかけるでしょう。

これはどうすればいいのでしょうか。

<BODY>
<TABLE border="1">   borderで数値を指定すると枠が表示されます。
<TR>
<TD width="300" bgcolor="#ff0000">これは表です。枠を表示させています。</TD>
</TR>
</TABLE>
<P><BR></P>
<TABLE>  borderで数値を指定しないと枠が表示されません。
<TR>
<TD width="300" bgcolor="#ff0000">これは表です。枠を表示しません。</TD>
</TR>
</TABLE>
<TABLE width="100%" bgcolor="#ffff00">
<TBODY>
<TR>
<TD nowrap>ながさ100%の表です。表示画面にあわせて長さが変わります。文字は折り返しません</TD>
</TR>
</TBODY>
</TABLE>
<P><BR><BR></P>
<TABLE width="100%">
<TBODY>
<TR bgcolor="#00ffff">
<TD>ながさ100%の表です。表示画面にあわせて長さが変わります。文字は折り返します。</TD>
</TR>
</TBODY>
</TABLE>

サンプル10のソースです。
<TABKE></TABLE>で囲まれた部分が表全体を示します。
<TR></TR>は横一列分のデータを囲んでいます。
<TD></TD>の間に表示させる文字を入力します。
数字を変えていろいろ試してください。

<TABLE width="100%" bgcolor="#ffff00">
100%を指定すると表示画面にあわせて枠の長さが調節されます。
<TD nowrap>
このようにすると画面表示の大きさにかかわらず、表の文字が折り返されません。

□ サンプル10を表示する(新しいタブで表示する)

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