當你在編寫 CSS 時，經常需要用到直線（線條）來劃分不同的元素或元素組。下面是一些方法可以讓您在 CSS 中實現直線。

/* 使用 box-shadow 實現直線 */
.line {
box-shadow: inset 0 0 0 1px #000000;
}
/*使用 border 實現直線 */
.line {
border-bottom: 1px solid #000000;
}
/* 使用 background-image 實現直線 */
.line {
background-image: linear-gradient(to right, #000000 50%, transparent 50%);
background-position: center center;
background-repeat: repeat-x;
background-size: 2px 100%;
}

在上面的代碼中，我們可以看到三種在 CSS 中實現直線的方法。首先，使用 box-shadow 功能和邊框實現。通過為元素添加一層包含 1 像素寬度、黑色、內陰影的盒子陰影，可以在元素周圍劃一條線。同樣，您還可以使用邊框的 border-bottom屬性來達到同樣的效果。

還有一種方法可以通過 background-image 和線性漸變來實現直線。例如，您可以在元素中添加一個背景圖像，使用線性漸變的方式漸變顏色。

以上是關于如何在 CSS 中實現直線的一些方法，通過這些方法您可以輕松地在您的網頁上添加直線等裝飾效果。