CSS中繪制直線的方法有多種，其中常見(jiàn)的是使用border屬性或者linear-gradient函數(shù)。

使用border屬性繪制直線，可以通過(guò)設(shè)置元素的邊框?qū)挾?、顏色和樣式?lái)實(shí)現(xiàn)，以下代碼可以繪制一條水平直線：

hr {
  border-top: 1px solid #000;
  width: 100%;
}

在這個(gè)例子中，hr元素的上邊框被設(shè)置為1像素寬、顏色為黑色的直線，通過(guò)調(diào)整邊框?qū)挾群皖伾梢岳L制出不同樣式的直線。

另一種方法是使用linear-gradient函數(shù)繪制直線，以下代碼可以繪制一條從透明到黑色的垂直直線：

div {
  height: 200px;
  width: 1px;
  background: linear-gradient(to bottom, transparent, #000);
}

在這個(gè)例子中，div元素被設(shè)置為一個(gè)高度為200像素、寬度為1像素的長(zhǎng)條形，背景色從透明漸變到黑色，形成了一條垂直直線，通過(guò)調(diào)整漸變的方向和顏色，可以繪制出不同樣式的直線。

除了以上兩種方法，還有其他繪制直線的方法，例如使用box-shadow屬性或者利用CSS的偽元素，這些方法可以根據(jù)具體的需求和場(chǎng)景來(lái)選擇使用。