overview_001

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

 
CSSで表の罫線、左右の幅、余白、背景色をCSSで管理できるようにしています。
ブロックエディタのCSSではリストのスタイル「テーブル式」の項目がありません。CSSファイルに直接エディタで書いてからBiNDで読み込めばCSSタブに反映されます。罫線、余白、文字サイズなど設定しそうな項目をCSSで変更できるようにしています。
リストのスタイル「テーブル式」を調整するときはDRESSでやるのが普通かもしれませんが、DRESSはどうしても使いにくく感じるため、CSSで調整できるようにしました。
１行ごとに色がつくように設定しています。
ブロック内にカスタムタグでパソコン・スマホでの改行調整のCSSを入れています。
 
※overview_001aは、スマホの時見出し（th）の背景に色をつけないで上下の余白を調整してバリエーションです。