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

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

サンプル・10

テーブル見本

★ サンプル・10 ★

セル内の表示位置(行単位)

横方向の表示位置
1行目は左揃え、2行目は中央揃え、3行目は右揃えを設定したテーブル

(ソース)
<TABLE border="2" width="500" height="200">
<TR align="left">
<TD>1行1列め</TD><TD>1行2列め</TD><TD>1行3列め</TD></TR>
<TR align="center">
<TD>2行1列め</TD><TD>2行2列め</TD><TD>2行3列め</TD></TR>
<TR align="right">
<TD>3行1列め</TD><TD>3行2列め</TD><TD>3行3列め</TD></TR>
</TABLE>


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



縦方向の表示位置
1行目は上揃え、2行目は中央揃え、3行目は下揃えを設定したテーブル

(ソース)
<TABLE border="2" width="500" height="300">
<TR valign="top">
<TD>1行1列め</TD><TD>1行2列め</TD><TD>1行3列め</TD></TR>
<TR valign="middle">
<TD>2行1列め</TD><TD>2行2列め</TD><TD>2行3列め</TD></TR>
<TR valign="bottom">
<TD>3行1列め</TD><TD>3行2列め</TD><TD>3行3列め</TD></TR>
</TABLE>


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


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