ＷｅｂＰａｇｅ発射台（初心者の、初心者による、初心者のためのＷｅｂＰａｇｅ作り講座）ＷｅｂＰａｇｅ発射台（初心者の、初心者による、初心者のためのＷｅｂＰａｇｅ作り講座）
表をカラフルにしてみようメモ帳でタグをうつ・・・・・これが一番確実。かも。
表の色を調整するタグを集めてみました。
の背景があるタグは<body></body>の中で使って下さい。
用意するモノ
・・・・・に加えて、更に今まで作ってみたページ |
基本はこれです。これを少し変えてみましょう |
||||||||||||||||||
これをブラウザでみると
|
||||||||||||||||||
表の外枠のサイズを太く（５）してみましょう（標準は１です）
| 上左 | 上右 |
| 下左 | 下右 |
| 表の外枠のサイズを太く（５）してみましょう |
| <table border="5"> <tr> <td>上左</td> <td>上右</td> </tr> <tr> <td>下左</td> <td>下右</td> </tr> </table> |
罫線のサイズを太く（５）してみましょう（標準は２です）
| 上左 | 上右 |
| 下左 | 下右 |
| 表の罫線のサイズを太く（５）してみましょう |
| <table border="1" cellspacing="5"> <tr> <td>上左</td> <td>上右</td> </tr> <tr> <td>下左</td> <td>下右</td> </tr> </table> |
セル内のスペースを広く（５）してみましょう。（標準は１です）
| 上左 | 上右 |
| 下左 | 下右 |
| 表のセル内のスペースを広く（５）してみましょう。 |
| <table border="1" cellpadding="5"> <tr> <td>上左</td> <td>上右</td> </tr> <tr> <td>下左</td> <td>下右</td> </tr> </table> |
表全体の背景色を変えてみましょう。
| 上左 | 上右 |
| 下左 | 下右 |
| 表の全体の背景色を変えてみましょう。色見本 |
| <table border="1" bgcolor="#0000FF"> <tr> <td>上左</td> <td>上右</td> </tr> <tr> <td>下左</td> <td>下右</td> </tr> </table> |
罫線の色を変えてみましょう
| 上左 | 上右 |
| 下左 | 下右 |
| 表の罫線の色を変えてみましょう。色見本 |
| <table border="1" bordercolor="#0000FF"> <tr> <td>上左</td> <td>上右</td> </tr> <tr> <td>下左</td> <td>下右</td> </tr> </table> |
「明るい罫線」の色を変えてみましょう
| 上左 | 上右 |
| 下左 | 下右 |
| 表の「明るい罫線」の色を変えてみましょう。色見本 |
| <table border="1" bordercolorlight="#0000FF"> <tr> <td>上左</td> <td>上右</td> </tr> <tr> <td>下左</td> <td>下右</td> </tr> </table> |
「暗い罫線」の色を変えてみましょう
| 上左 | 上右 |
| 下左 | 下右 |
| 表の「暗い罫線」の色を変えてみましょう。色見本 |
| <table border="1" bordercolordark="#0000FF"> <tr> <td>上左</td> <td>上右</td> </tr> <tr> <td>下左</td> <td>下右</td> </tr> </table> |
特定のセルの色だけ変えてみましょう
| 上左 | 上右 |
| 下左 | 下右 |
| 表の特定のセルの色だけ変えてみましょう。色見本 |
| <table border="1"> <tr> <td>上左</td> <td bgcolor="#0000FF">上右</td> </tr> <tr> <td>下左</td> <td>下右</td> </tr> </table> |
Last update Jun.16,2002
http://members.tripod.co.jp/kefi/making/index-26.html