tableで特定の列を目立たせるにはcolgroupが便利

ホームページに掲載する「他社との比較表」などで、自社部分のみを太線で囲み目立たせるためのコードです。
「colgroup」を指定することで列単位のデザインが可能です。

※—–
HTML：colgroupの「span=”1″」は省略可能です。ここではわかりやすくするためあえて明記しています。
CSS：classを使用せずに「colgroup:nth-child(2)」のように指定することも可能です。

See the Pen
ZEBRwQO by vivolog (@vivolog)
on CodePen.