表格中的對角線
長久以來我找不到辦法繪製HTML表格的對角線,還曾經想要在CSS小組裡去提案。
但發現現在可以透過linear-gradient
語法在儲存格元素裡繪製背景圖片,如:
.dl { background-image: linear-gradient(to bottom right, white 49%, black, white 51%); }
來完成。若要改方向,把bottom right改成top right即可。還可以在裡頭置入文字來排列(但格子過小時文字會壓線)。
看了一下這項CSS特性在二◯一二年就受到不少瀏覽器的支援,唯Safari拖到二◯ 二二年才完成。