表の枠線に色を指定する
● 表の枠線に色を指定しよう！
表の枠線に色を指定してみましょう
i色の指定には <bordercolor=”色"> で 指定します
前回のサンプルに 色をつけてみます
<table border="3" bordercolor="ff9933"
>
<tr>
<td>テーブル1</td><td>テーブル2</td><td>テーブル3</td>
</tr>
<tr>
<td>テーブル4</td><td>テーブル5</td><td>テーブル6</td>
</tr>
</table>
すると下のようになります
| テーブル1 | テーブル2 | テーブル3 |
|---|---|---|
|
テーブル4.
|
テーブル5 | テーブル6 |
枠線に色がつきましたね他にも こんな色のつけ方があります
<table border="3" bordercolorlight="ff9933" bordercolordark="#990000"
>
<tr>
<td>テーブル1</td><td>テーブル2</td><td>テーブル3</td>
</tr>
<tr>
<td>テーブル4</td><td>テーブル5</td><td>テーブル6</td>
</tr>
</table>
すると 下のようになります
| テーブル1 | テーブル2 | テーブル3 |
|---|---|---|
|
テーブル4.
|
テーブル5 | テーブル6 |
左と上の辺を bordercolorlight で ff9933 にして
右と上の辺を bordercolordark で 少し暗めの 990000で指定しました
なんとなく ですが 立体感があるように見えませんか？
© Rakuten Group, Inc.
