CSS怎么畫出一條直線？

在CSS中，我們可以使用線性漸變（linear-gradient）來畫出一條直線，線性漸變可以創(chuàng)建從一種顏色到另一種顏色的平滑過渡，如果我們只使用一種顏色，那么它將會創(chuàng)建一條單色的直線。

以下是一個簡單的例子，展示了如何使用CSS來畫出一條紅色的直線：

.line {
  height: 1px;
  background: linear-gradient(to right, red);
}

在這個例子中，我們創(chuàng)建了一個名為.line的類，它有一個高度為1像素的背景，這個背景使用了線性漸變，從左側(cè)開始，顏色為紅色，并指向右側(cè)，由于我們只使用了一種顏色，并且沒有指定漸變的結(jié)束位置，因此這條線將是一條紅色的直線。

您可以將這個類應(yīng)用在任何HTML元素上，以創(chuàng)建一條直線。

<div class="line"></div>

這將創(chuàng)建一個高度為1像素、顏色為紅色的直線，您可以通過修改CSS規(guī)則中的顏色、高度和漸變方向來調(diào)整這條線的樣式。