テーブルのあんちょこ
| 手抜きのコピペ^^ | テーブルのあんちょこ | 背景のあんちょこ | ＿－)))こそこそ‥ |
| * | いろいろいろ～♪ | ||
***** 普通のテーブル
てぇぶるだよん^^
<table border="1" width="200" height="100">
<tr><td>
てぇぶるだよん^^
</td></tr>
</table>
<tr><td>
てぇぶるだよん^^
</td></tr>
</table>
テーブルを「style」で装飾する。 「width="200" height="100"」横幅・縦幅
***** 線の太さ・種類・色・文の位置
実線
solid
solid
破線
dashed
dashed
点線
dotted
dotted
二重線
double
double
<table style="border: 1px solid green ;" width="200" height="100">
<tr><td align=" center ">
文章
</td></tr></table>
線の太さ 種類 色 文字の位置
◇「dotted」は2px以上、「double」は3px以上での指定が必要◇ 文字位置の指定について…<td>にいれとけばセルごとに指定可
・文字の量によってセルの大きさに差がでるのに注意
横幅・縦幅などを指定したほうがきれいかも～
| 1 | 2 | 3 |
| 4 | 5 | 6 |
| 7 | 8 | 9 |
1 <td valign="top">
2 <td align="center" valign="top">
3 <td align="right" valign="top">
4 指定なし
5 <td align="center"> 上記の表で使用
6 <td align="right">
7 <td valign="bottom">
8 <td align="center" valign="bottom">
9 <td align="right" valign="bottom">
2 <td align="center" valign="top">
3 <td align="right" valign="top">
4 指定なし
5 <td align="center"> 上記の表で使用
6 <td align="right">
7 <td valign="bottom">
8 <td align="center" valign="bottom">
9 <td align="right" valign="bottom">
「align」は横位置の指定 left center right （左・真ん中・右）
「valign」は縦位置の指定 top middle bottom （上・真ん中・下）
***** 線の太さ・種類・色を上下左右で変える^^
あいうえお
<table style="border-width: 1px 3px 5px 7px ;
border-style: solid dashed dotted double ;
border-color: blue red green orange ;"
width="200" height="100">
<tr><td align="center">
あいうえお
</td></tr></table>
上 ・ 右 ・ 下 ・ 左 の順にそれぞれ指定する。
表示したくないとこは「0px」にしとけばＯＫ(^^)v
あいうえお
こんな感じ？
あいうえお
***** むむむ・・
「cellpadding」と「cellspacing」を使って・・の予定
© Rakuten Group, Inc.
