CSSテーブル:テーブル境界線、境界が折り畳まれ、幅と高さテーブルの、テキストの配置、フォームフィル、カラーテーブル

CSSのテーブル


CSSを使用して、HTMLテーブルは、より美しくすることができます。

会社 連絡先
アルフレッドFutterkiste マリア・アンダース ドイツ
ベルグルンドスーパーマーケット クリスティーナ・ベルグルンド スウェーデン
マートMoctezuma フランシスコ・チャン メキシコ
エルンスト・貿易 ローランド・メンデル オーストリア
島貿易 ヘレン・ベネット 英国
王室ダイニング フィリップ・クレイマー ドイツ
バッカスWinecellarsを笑います Yoshi Tannamuri カナダ
集まった食品倉庫 ジョバンニRovelli イタリア
南北 サイモン・クラウザー 英国
パリの名物 マリー・ベルトラン フランス
ビッグチーズ リズニクソン 米国
ワッフル焼き型 Palleイプセン デンマーク

表の罫線

CSS borderプロパティを使用して、テーブルの枠線を指定します。

次の例では、TH及びTD要素黒の境界線のテーブルを指定します。

テーブル TD { ボーダー: 1つの PX 固体 黒色 }


二重枠の形態における上記の例であることに注意してください。テーブルと目/ TD要素は別々の境界を持っているためです。

ボーダー崩壊特性を使用して、テーブルの単一のフレームを表示するために。

崩壊の境界線

国境崩壊プロパティテーブルの境界線は、単一の国境に折り畳ままたは間隔を置いて配置されているかどうかを指定します。

{ ボーダー崩壊: 崩壊 } テーブル TD { ボーダー: 1つの PX 固体 黒色 }


 


表の幅と高さ

幅と高さ幅と高さの属性は、表に定義されています。

以下の実施例は番目の要素の50個のピクセルのテーブルの幅の高さの100%に設定されています。

{ 幅: 100 } 番目の { 高さ: 50 ピクセル }


 


フォームテキストの配置

テーブルテキストの配置と垂直配向性。

水平配向のテキスト整列プロパティ、左、右、または中央:

TD { テキスト整列: }


このような上部、底部又は中間のような垂直配向、垂直配向性、:

TD { 高さ: 50 ピクセル 垂直整列: ボトム }


 


フォーム記入

目次のコントロールスペースの境界は、充填特性のTDと番目の要素に使用されるべきである場合:

TD { パディング: 15 PX }


 


カラーテーブル

次の例では、境界線の色、テキストおよび背景の色、および番目の要素を指定します。

テーブル TD { ボーダー: 1つの PX 固体 グリーン ; } 番目の { 背景色: 色: ; }

 

おすすめ

転載: www.cnblogs.com/peijz/p/12610536.html