擬似クラスと間接セレクタを使って汎用性のある角丸テーブル | バシャログ。洗濯すると雨の降るhakoishiです。 今回は汎用的に使える角丸テーブルのソースをご紹介。 border-radiusに合わせて、IE9以上の対応です。 サンプル まずはサンプル。 この5種類です。 theadなし、tbody左行がth。 theadあり。tbodyはthなし。 theadあり。tbody左行がth。 thead複数行、セル結合あり。tbody左行がth。 theadあり。tbody左行がth。tfootあり。 サンプルページ 擬似クラスと間接セレクタを使って汎用性のある角丸テーブル お約束 tbodyを必ず入れる tfootを入れる場合、tbodyの上部へ 上記の点だけ注意すれば、テーブルや内部のセルへのクラスの付与は不要です。 CSS table { /* 上、左にborder */ width: 100%; border-collapse: separate; /*
