次に、CSSグラマーを使用してテーブルを美化する方法を見てみましょう。注：特に指定されていない限り、この記事に記載されている例に挿入されたテーブルのセルペース、セルパディング、および境界値は0です。例1：1PXテーブル
多くの人が1PXフォームの作成に熱心であるため、CSSで使用すると柔軟に対応できるさまざまな方法を発明しました。 1x1 1pxテーブルを作成する場合は、境界値を定義するだけです。最初に、幅50のDreamWeaverを備えた1x1テーブルを挿入し、次に境界線を定義します：テーブルまたはTDに1つの固体茶。作成されたテーブルの効果は次のとおりです。
ただし、TDスタイルの境界線を直接定義する場合、1x1以外のテーブル（2x2など）を作成するのはもう少し面倒です。
テーブルの外側の箱は1pxで、内側は2pxになります。これは重ね合わせによるものです。この問題を解決するために、これを行うことができます。
最初にTDのスタイルを定義します：境界：＃cc0000ソリッド;境界線：0 1 1 0 、したがって、テーブルはとして表現されます
次に、テーブルのスタイルを定義します::ボーダー：＃cc0000ソリッド;境界線：1 0 0 1で、完全な1pxテーブルにすることができます。
例2：厚い境界を備えた1PXテーブル
このテーブルの内側のグリッドラインは1pxで、外側の境界線は3pxです。例1の基礎でそれを行うことは難しくありません。国境幅値を変更するだけです。
テーブルで使用されるスタイルのコードは次のとおりです。ボーダー：青色の固体、境界線幅：3 2 2 3 、およびTDで使用されるスタイルのコードは次のとおりです。
練習は例1に似ており、ボーダースタイルは固体から破線に変更されます。テーブルで使用されるスタイルのコードは次のとおりです。Border：Black dashed;境界線：1 0 0 1 、およびTDで使用されるスタイルのコードは次のとおりです。境界線：0 1 1 0例4：点線とラインボーダーテーブル
点線の最小ピクセルは2であることに注意してください。テーブルで使用されるスタイルのコードは次のとおりです。ボーダー：緑色の点線、境界線：2 0 02。TDで使用されるスタイルのコードは、境界：緑色の点線、境界線：0 2 2 0例5：ダブルラインボーダーテーブル
ダブルラインの最小ピクセルは3であることに注意してください。テーブルで使用されるスタイルのコードは次のとおりです。Border ：Teal 4 Dou 。 TDで使用されるスタイルのコードは次のとおりです。ボーダー：ティール1ソリッド例6：冒頭外側フレームテーブル
テーブルで使用されるスタイルのコードは次のとおりです。Border ：3冒頭、TDで使用されるスタイルのコードは次のとおりです。
テーブルで使用されるスタイルのコードは次のとおりです。ボーダー：3挿入図、TDで使用されるスタイルのコードは次のとおりです。
テーブルで使用されるスタイルのコードは次のとおりです。ボーダー：＃ee0000 3リッジTDが使用するスタイルのコードは次のとおりです。
前のページ1 2 3次のページ全文を読む