在CSS中，我們可以使用線性漸變（Linear Gradient）功能來繪制對角線，這種方法可以應用于任何形狀，包括矩形、橢圓形、多邊形等，下面是一個簡單的示例，展示如何在CSS中繪制一個矩形的對角線：

我們需要創(chuàng)建一個HTML元素，例如一個div，并給它一個類名，diagonal-box：

<div class="diagonal-box"></div>

我們可以使用CSS來定義這個類的樣式，特別是使用線性漸變來繪制對角線：

.diagonal-box {
  width: 200px;
  height: 200px;
  background: linear-gradient(45deg, #000 50%, #fff 50%);
  transform: rotate(-45deg);
}

在這個樣式中，我們設置了一個從#000（黑色）到#fff（白色）的線性漸變，漸變方向是45度角，我們還使用了transform屬性來將盒子旋轉-45度，使其對角線更加明顯。

這種方法可以很容易地應用于其他形狀，只需要調整漸變的角度和形狀的大小即可，這種方法不僅適用于矩形，也適用于橢圓形、多邊形等其他形狀。