|
表（テーブル）枠線に色をつける
|
|
|
中級編 【13】
<table>の
属性
テーブルの、枠線に色をつける。
|
<table bordercolor=""
border=""
>
|
テーブルの、枠線に色を付ける。（色名か16進数（ビクセル）で指定）
|
|
|
|
|
下記の、サンプル 背景色を指定、枠に色をつけたタグ。
<table width="80%" align="center" bgcolor="#ffddff"
bordercolor="ffddff" border="5"
>
<tbody>
<tr>
<td align="center" >
<font color="#000099" size="+1"><strong>
テーブルの、枠線に色を付ける。
</strong></font>
</td></tr></tbody></table>
|
|
背景色を指定、枠に色をつけた サンプル。
|
テーブルの、枠線に色を付ける。
|
中級編
かなり複雑なテーブル枠全体の配色。
表（テーブル）全体に枠線や、枠線色と太さに背景色も設定して、テキストと組み合わせて、
画像の様な綺麗な見出し（タイトル）のレイアウトを表現します。
テーブルに、外枠線・外枠色と太さを指定した 表示例 高さも指定しています。
|
画像の様な綺麗な見出し（タイトル）のレイアウトを表現します。
|
| |
|
|
画像の様な綺麗な見出し（タイトル）のレイアウトを表現します。
|
| |
|
参考例 背景画像を指定して、外枠線・外枠色をつけたテーブル表示。
タグは、下にあります。
|
外枠線・外枠色に、背景画像を指定したテーブル表示例。
|
| |
|
|
外枠線・外枠色に、背景画像を指定したテーブル表示例。
|
|
外枠線・外枠色に、背景画像を指定したテーブル表示例。
|
|
|
|
|
テーブルの枠線色と太さに背景色を指定する。
|
border=""
|
属性
|
テーブルに、枠線をつけて太さを指定。
|
|
bgcolor=""
|
属性
|
テーブルの、背景に色をつける指定。
|
|
bordercolor=""
|
属性
|
テーブルの、枠線に色をつける。
|
|
bordercolorlight=""
|
属性
|
枠線の明るい部分の色。 IE拡張機能
|
|
bordercolordark=""
|
属性
|
枠線の暗い部分の色。 IE拡張機能
|
|
background=""
|
要素
|
背景画像の指定。
|
|
（注）
Internet Explorerの拡張機能は非推奨
|
|
|
IE拡張機能
テーブルの枠線色と太さに背景画像・背景色も指定する、 上記サンプルタグ。
<table width="98%"
bgcolor="" bordercolor="" bordercolorlight="" bordercolordark="" border="5">
<tr>
<td
background=""
>
ここのセル位置に、背景画像を指定する。
</td>
<td>
</tr> </table>
|
|
|
|
|
すべて、講座のページの見出し表示（表題）やメニューは、テーブルでこのように設定している。
タグが、複雑で分かり難いので、上記サンプルで指定した色と枠の太さのタグをここに記述します。
border="5"
bgcolor="#000044"
bordercolor="#004400"
bordercolorlight="#00bb88"
bordercolordark="#002200"
|
|
|
|
|
|
|
|
|
|
|