表格中的對角線

長久以來我找不到辦法繪製HTML表格的對角線,還曾經想要在CSS小組裡去提案。 但發現現在可以透過linear-gradient語法在儲存格元素裡繪製背景圖片,如:

.dl {
  background-image: linear-gradient(to bottom right, 
  white 49%, black, white 51%); }

來完成。若要改方向,把bottom right改成top right即可。還可以在裡頭置入文字來排列(但格子過小時文字會壓線)。

看了一下這項CSS特性在二◯一二年就受到不少瀏覽器的支援,唯Safari拖到二◯ 二二年才完成。