テーブルの枠を線にする

恐らくHTMLをテキストエディタなどで編集される方でしたら、皆さんご存知だと思います。
今更そんな事を知ったげに語るなよ、と思われる方はすいません。あっさり謝ります。
しかし、中には「どれどれ?ほうほう・・・」と言ってくれる方がいるかもしれません。(そう信じたい!!)

では、論より証拠(?)という事で、早速どういう事なのか見てもらいましょう。

このようにセルの周りの枠に色を付ける事です。

はい、終了です。
語るべきことは、もうないです・・・
しかし、寂しいのでもう少しお付き合いください。

その前に「色が変わってるって、どこが?」と言われた貴方!そんな貴方はNetScape派です。
説明は後からするとして、早速ソースから見ていただきましょう。

ソース
<TABLE BORDER="1" BORDERCOLOR="#784418" CELLSPACING="0">
  <TR>
   <TD>このようにセルの周りの枠に色を付ける事です。</TD>
  </TR>
</TABLE>

説明するのも恥ずかしいぐらい単純なのですが、上記のソースで重要なのは、
<TABLE BORDER="1" BORDERCOLOR="#784418" CELLSPACING="0">の部分です。

<TABLE>タグのBORDER属性を1にします。CELLSPACINGを0に、BORDERCOLORに好きな色を入れます。

後は、好みとセンスで<TR>タグや<TD>タグの背景色を変えたりします。

注意事項!!
その1 NetScapeだとbordercolorには不完全にしか対応していません。
WebSafeカラーを使用することによって若干変わります。
その2 他にもBORDERCOLORDARK・BORDERCOLORLIGHTという属性があります。
それを使いたい場合は、CELLSPACINGやBORDERを変えた方が良いかもしれません。
こちらはNetScapeでは全く対応してません。
その3 あくまで、好みとセンスです。
これを見て「何だ。大した事ないじゃん」と言われた方、それは仕方ないです。
これが私のセンスですから・・・

個人の好き嫌いによりますが、普通の枠よりも見栄えはよくなると(私は)思います。
「どれどれ、ほうほう・・・」と言われた方、言われなかった方、とにかく一度使ってみるのも面白いかもしれません。

▲BACK


IT SOHO CLUB