エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
CSSだけでマウスホバー時にtableの行と列とセルを別の色でハイライトさせる | かちびと.net
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
CSSだけでマウスホバー時にtableの行と列とセルを別の色でハイライトさせる | かちびと.net
Result こういうの。項目が多いほどセルは小さくなりがちだし何のデータを見ているかユーザーは混乱しが... Result こういうの。項目が多いほどセルは小さくなりがちだし何のデータを見ているかユーザーは混乱しがちなので閲覧してるデータの可視性を高めよう、みたいなやつです CSSだけで実装しています css table { overflow: hidden; display: inline-block; border-collapse: collapse; } td, th { border: 1px solid #999; margin: 0; padding: 10px; position: relative; } th { background-color: #fff; } td:hover::before { background-color: red; content: ""; height: 100%; left: -5000px; position: absolute; top: