CSS

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

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

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

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

-CSS

Copyright© ビボろぐ , 2021 All Rights Reserved Powered by STINGER.