CSS可以通過使用border-radius屬性來制作彎曲的線條。

.curved-line {
border-bottom: 2px solid black;
border-radius: 0 0 50% 50%;
width: 200px;
height: 50px;
}

上面的代碼使用了border-bottom來畫一條直線，并且通過border-radius屬性指定了圓弧的半徑，并將其應用于底部的兩個角，但不應用于左右兩邊，使得線條有了一個彎曲的效果。

如果想要更多的彎曲，可以增加border-radius的值：

.curved-line {
border-bottom: 2px solid black;
border-radius: 0 0 70% 70%;
width: 200px;
height: 50px;
}

上面的代碼將圓弧半徑設為70%，會導致線條更彎曲。

另外，還可以使用偽元素（pseudo elements）來制作彎曲的線條。下面是一個例子：

.curved-line {
position: relative;
border-bottom: 2px solid black;
width: 200px;
height: 50px;
}
.curved-line::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
border-bottom: 2px solid black;
transform: translateY(25px);
}

上面的代碼使用了::before偽元素來制作彎曲的線條。首先，我們將父元素.curved-line的position設為relative，以便讓偽元素::before根據其進行定位。接著，我們使用::before偽元素，并設置它的content為空字符串，讓它在父元素中形成一個半圓形。由于偽元素默認的定位方式是相對于父元素進行定位的，所以我們使用絕對定位將它下移一定距離，以便讓底部的直線連接起來，形成一條彎曲的線條。