我的烏拉拉練功坊

請來參觀移植到 Google Firebase 的成績 https://oolala.xyz/ken73chen/

2019年9月29日

HTML 表格垂直 hover

每次去看 MDN Web Docs,都會分心,因為老是看到陌生的 CSS,實在是可怕,那麼多 CSS 指令裡面,有可以幫 TABLE 垂直列上色的 (<col/>),但時至今日,就是沒有垂直 :hover 的正規作法。



大部分是從 Simple CSS-Only Row and Column Highlighting 學來的,然後他又是從 stackoverflow 上學來的,我只補充一點,就是不想有 hover 效果的儲存格如何處理。
只要看 CSS 的最後一行就可以了:



就這樣,滑鼠移到表格最後一列的時候,就不會產生垂直 hover 的效果了。

沒有留言:

張貼留言