在CSS中，我們可以用一些屬性讓直線變成曲線。下面我們來介紹一些常用的方法。

.curve {
width: 100px;
height: 100px;
border: 1px solid black;
border-radius: 50%;
}

上面的代碼將一個矩形框處理成了圓形，使用了border-radius屬性，其中50%是將邊框自適應為圓形。

.curve {
background: yellow;
width: 100px;
height: 100px;
clip-path: circle(50%);
}

上面的代碼同樣將一個矩形框處理成了圓形，使用了clip-path屬性，其中circle()是用來描述一個圓。

.curve {
background: blue;
width: 100px;
height: 100px;
clip-path: ellipse(50% 50%);
}

上面的代碼同樣使用clip-path屬性，但是是使用的ellipse()函數生成的橢圓形，其中的兩個參數分別表示橫向半徑和縱向半徑。

當然，除了上面的方法，還有很多方法可以讓直線變成曲線，比如用transform屬性對元素進行旋轉、傾斜等變形操作。要想達到理想的效果，需要多動手嘗試。