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

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

サンプル・3

テーブル見本

★ サンプル・3 ★

1.外枠線の色が赤色のテーブル

(ソース)

<TABLE border="2" bordercolor="#ff0000">
 <TR><TD>1行1列め</TD><TD>1行2列め</TD><TD>1行3列め</TD></TR>
 <TR><TD>2行1列め</TD><TD>2行2列め</TD><TD>2行3列め</TD></TR>
 <TR><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列め


2.外枠線の色がスカイブルーのテーブル

上の1のソースの、枠線の太さを10にして、色を変えると

1行1列め1行2列め1行3列め
2行1列め2行2列め2行3列め
3行1列め3行2列め3行3列め

3.陰影の色を変えたテーブル

枠線の明るい部分(上と左)と暗い部分(下と右)の色を別々に設定できます。
明るい部分は、bordercolorlightで、暗い部分はbordercolordarkで指定。

(ソース)

<TABLE border="7" bordercolorlight="#dda0dd" bordercolordark="#800080">
 <TR><TD>1行1列め</TD><TD>1行2列め</TD><TD>1行3列め</TD></TR>
 <TR><TD>2行1列め</TD><TD>2行2列め</TD><TD>2行3列め</TD></TR>
 <TR><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.