お品書き
書き直し中…
とりあえず、中へどうぞ
↓↓↓
スポンサーリンク

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

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

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

それを無理やり実現する方法
項目項目
項目datadata
項目datadata
項目datadata
項目datadata
項目datadata
背景の指定に「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

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

コメント