CSS3で装飾 三角矢印つきテーブル

CSS3で装飾 三角矢印つきテーブル

CSS3で見出しに三角矢印を装飾したテーブルの簡単なサンプルコードを記述しています。

環境

  • OS windows10 64bit
  • chrome 86.0.4240.198

三角矢印つきテーブル

三角矢印は見出し(th)の:after擬似要素で表現します。

サンプルコード

以下は、見出しに三角矢印をつけたテーブルのサンプルコードとなります。

ブラウザ上で表示した結果

サイト名 mebee
サイトURL https://mebee.info
サイトの目的 システム作業の備忘録です。役に立つことがあれば幸いです