WEB便利ツール

TOP > WEB便利ツール >  テーブル(TABLE、TH、TD)タグ
このエントリーをはてなブックマークに追加

CSSのテーブルジェネレーター

table、th、td のスタイルの動きを確認する事ができます。

サンプル1  サンプル2  サンプル3

▼生成したテーブルです。

-AB
100あいうえおかきくけこさしすせそ
200ABCDEFGHI
JKL
300
900		999

▼以下を設定して下さい。

TABLE

border-collapse :  
border-spacing : px 
ボーダー   枠太:px  枠種:   枠色:
余白周り  margin(上下左右):px  padding(上下左右):px
背景色:  文字サイズ:pt  文字色: 
影   水平:px  垂直:px  ぼかし半径:px  距離:px  色:  inset:

TH

ボーダー   枠太:px  枠種:   枠色:
背景色:  文字サイズ:pt  文字色:  横位置:   縦位置: 空白セル
余白周り  padding(上下左右):px

TD

ボーダー   枠太:px  枠種:   枠色:
背景色:  文字サイズ:pt  文字色:  横位置:   縦位置: 空白セル 余白周り  padding(上下左右):px

▼生成したCSSのソースです。

▼生成結果のURLです。

WEB便利ツール