テーブルの空白のセルに斜線を引く方法【覚書】

テーブルを使って表を作った時に、縦軸と横軸に見出し・項目を並べた時、左上の角のマスがひとつ空欄になってしまいますね。

よくそこには斜線を引いておいたりしますね。手書きや表計算ソフトなら、それでいいのですが、WEB上の表記ではそれが実現できる機能がない・・・

それを無理やり実現する方法

背景の指定に「linear-gradient」というのを使うのと、「empty」という擬似クラスを使うのですね。

th:empty{
background-image:linear-gradient(to top right,transparent, transparent 50%,black 50%, black 50.5%,transparent 50.5%, transparent);
}

ってよく分かりませんが、そのまんまオナジナイのように書けばとりあえず斜線になるので、覚書に書いておく(笑)

あとは適宜、パラメーターを調整すればOK

興味がある人は詳しく調べてみましょう(^^;)