HOME > TABLE

TABLE

table_001

リストのスタイル「テーブル式」をCSSで見栄えよくした表

CSSで表の罫線、左右の幅、余白、背景色をCSSで管理できるようにしています。
ブロックエディタのCSSではリストのスタイル「テーブル式」の項目がありません。CSSファイルに直接エディタで書いてからBiNDで読み込めばCSSタブに反映されます。罫線、余白、文字サイズなど設定しそうな項目をCSSで変更できるようにしています。
 
MORE

table_002

tableタグで表を作るときのスマホ対策。表部分にだけ横スクロールバーができてページ全体には影響しません。

個々のセル(th,td)の設定をなしにして、CSSでth,tdの色や位置を指定しています。そして、tableに対して横スクロールが表示されるようにCSSで処理をしているため、連続する半角英数字で改行されないような表の時でもページ全体に影響しません。
 

table_002a


 
MORE