テーブルその事について

テーブルの枠線の配置:

最初の方法:

図1に示すように、属性テーブルが提供される:BORDER = 0、CELLSPACING = 1。

2、設定するあなたのテーブルの色で表の罫線の背景色を設定します。

3、すべてのTDの背景色が白#FFFFFFであることを条件とします。

このように、それが行われています。

第二の方法:

図1に示すように、提供されるBORDER = 0。

2、その後CSSによって、ボーダートップ、ボーダー左の1ピクセル表を追加します。

3、すべてのtdのborder-rightの後、セット、のborder-bottom;

試してみる価値は十分

第三の方法:

図1に示すように、テーブルは、CSSのために提供される{ボーダー崩壊:崩壊;国境:なし;}

2、次にCSSが設定されているTD {ボーダー:固体#000 1ピクセル;}

私たちは完了です。そして、言葉も、この設定値を認識しています。


私はCSSのテーブルセットが見出さ{:;ボーダー崩壊:ボーダー崩壊なしに;}、TD {ボーダー:固体#000 1ピクセルが;}のようにCSSを設定する非常に良い方法です。

次のとおりです。

 

 

2:TBODY増加スクロールバー

 需要:TBODY固定高さ、及びコンテンツがTBODY垂直高さ、垂直方向のスクロール量を超えた場合。

モード:
       TBODY:{

   表示ブロック;

   高さ:200pxの。

   オーバーフロー-Y:スクロール。

       }

   THEAD、TBODYのTR {

    ディスプレイ:テーブル。

    幅:100%;

    テーブルレイアウト:固定されました

  }

例としては、次のとおりです:

TBODY表 { 
    表示ブロック ; 
    高さ200pxの
    オーバーフローYスクロール ; 
    -webkitオーバーフロースクロールタッチ ; //がスムーズにスクロールします 
 }

TBODY ::表- WebKitの、スクロールバー { 
    表示なし ; //皮スクロールバー
 }

テーブルTHEAD、TBODY TR { 
    表示100% ; 
    テーブルレイアウト固定
}

テーブルTHEAD { 計算値(100% - 1EM)
 } 
テーブルTHEAD番目 { 背景#CCC ;}

 

おすすめ

転載: www.cnblogs.com/cnblogs-jcy/p/11886065.html