このページのテーブルは全て色や形などの指定をしていません。
でも、ちょっと変わった形で表示されてるでしょ〜？（笑）
<TABLE ALIGN="center">
<TR>
<TD COLSPAN="2">
上の欄
</TD></TR><TR><TD>
テーブルタグが書いてある欄（この欄）
</TD><TD>
右の欄
</TR></TD>
</TABLE>
 ←のように書けば、このように表示されるのです。
さて・・・
何故でしょう・・・



正解は・・・
<HEAD>〜</HEAD>の間にテーブルの形状を指定したのです。
だから、このページにあるテーブル全てが同じ形〜！


ムダ口はこのぐらいで、記述法を紹介します。
<style type="text/css">
<!--
TABLE{
filter:Alpha(opacity=70);
border : 1px solid ff0099;
 background-color:#ffffff;
 font-size:11pt;}
 
TD{
　border-top: none;
　border-bottom:1px solid ff6699;
　border-left: none;
　border-right:1px solid ff6699;
  line-height: 150%;}
-->
</style>
TABLE{
部分は、テーブルの指定です。
filter:Alpha(opacity=70);
これは、フィルター。背景が透き通ってるでしょ？
その指定です。
border : 1px solid ff0099; これはテーブル枠の形の指定
background-color:#ffffff; これは背景色（白）の指定。
font-size:11pt;これは文字の大きさの指定

TD{
部分は、セルの指定です。
border-top: none;
border-bottom:1px solid ff6699;
border-left: none;
border-right:1px solid ff6699;
これは、枠の形を上部、下部、左、右、それぞれ指定しています。
line-height: 150%;これは行間の指定です。
セル内の行間がちょっと広いでしょ？
このように、様々な指定を入れる事が出来ます。
勿論、この他にも、テーブルの大きさやテーブル内の背景
テーブル内の文字の色や書体、文字幅・・・
他にも色んな指定をする事が出来ます。

ちなみに、
TABLE{　　}部分と　TD{　　}部分の内容が全く同じになる場合は、一括で指定します。
TABLE,TD{　指定内容　}
と、カンマで区切って指定します。



注意
ここはテーブルの作り方についての説明をしています。
その他のスタイルシートについては説明していません。
カーソルの形や、このページの背景画像はテーブルとは関係ありませんので、あしからず。




戻る