213873 ランダム
 HOME | DIARY | PROFILE 【フォローする】 【ログイン】

Windy Willows(CG・WEBデザイン自習室)

サンプル・12

テーブル見本

★ サンプル・12 ★

セルの幅

ピクセル数で設定
1列目は100ピクセル、2列目は300ピクセルに設定したテーブル

(ソース)
<TABLE border="2">
<TR>
<TD width="100">1行1列め</TD><TD width="300">1行2列め</TD>
</TR>
<TR><TD>2行1列め</TD><TD>2行2列め</TD></TR>
<TR><TD>3行1列め</TD><TD>3行2列め</TD></TR>
</TABLE>


(表示例)
1行1列め1行2列め
2行1列め2行2列め
3行1列め3行2列め



割合で設定
1列目は60%、2列目は40%に設定したテーブル

(ソース)
<TABLE border="2" width="300">
<TR>
<TD width="60%">1行1列め</TD><TD width="40%">1行2列め</TD>
</TR>
<TR><TD>2行1列め</TD><TD>2行2列め</TD></TR>
<TR><TD>3行1列め</TD><TD>3行2列め</TD></TR>
</TABLE>


(表示例)
1行1列め1行2列め
2行1列め2行2列め
3行1列め3行2列め


Copyright (c) 1997-2020 Rakuten, Inc. All Rights Reserved.