左の下線を色のある太線に設定したシンプルなテーブル式リストをCSSで設定

 
テーブルエディタを使わずにブロックエディタで直接文字を変更できるテーブル式のリストで作った表は、会社概要や沿革などの表現に使えそうです。
th(左)の幅と改行の設定に加え、下線を設定しています。余白を多めにとって文字サイズを110%にすることでゆったりしたレイアウトになっています。余白も文字サイズもCSSで変更可能です。
また、スマホではthに設定していた下線の色が文字色になるようにして、罫線はなしとしています。

職種

技術職(現場管理・報告書作成等)

初任給

200,000円 4年生卒(専門分野:土木・理学)

諸手当

住宅手当、通勤手当、残業手当

賞与

年2回

勤務地

本社、大阪支社(大阪市淀川区)、仙台支店(仙台市)

勤務時間

9:00~18:00

休日・休暇

週休2日制(土日)、祝祭日


  • 線の色と太さ
  • th、tdの文字サイズ
  • th、tdの余白
  • thの縦線の色と太さ、tdの縦線の色と太さ
  • スマホでのthの文字色

Tablet View

SP View