table を border-radius にしたいと思ったとき、セルの隙間があればとても簡単に実現することができます。テーブルの枠とセルの枠が干渉しないのでこれはあたりまえですよね。では隙間がない場合はどうでしょうか。セルの border を重ね合わせて表示する、border-collapse: collapse; は仕様上 border-radius は適用されませんから、そう簡単に角丸にできるものではありません。 Applies to: all elements, except table element when ‘border-collapse’ is ‘collapse’ まずはとりあえず全ての border に border-radius を指定した場合を見てみましょう。サンプルには三つの table を用意しました。またこのページの CSS は全て scss の記述ですので