CSS3是現(xiàn)代網(wǎng)頁設(shè)計(jì)中必不可少的一部分，它可以幫助我們實(shí)現(xiàn)各種與視覺相關(guān)的效果。其中，畫一條曲線是比較常見的需求。下面，我們將介紹如何使用CSS3畫一條曲線。

.curve {
width: 200px;
height: 200px;
border-radius: 100px 0 0 0;
border: 1px solid #000;
position: relative;
}
.curve::after {
content: "";
width: 200px;
height: 200px;
background: #fff;
border-radius: 0 0 100px 0;
border: 1px solid #000;
position: absolute;
top: 50px;
}

在上面的代碼中，我們首先創(chuàng)建了一個曲線容器.curve，并設(shè)置了它的大小和邊框樣式。接著，我們使用了偽元素::after來創(chuàng)建容器的下半部分，即弧形部分。我們將::after設(shè)置為絕對定位，然后設(shè)置它的背景顏色、大小和樣式，最后讓它距離容器頂部50像素。

接下來，我們只需要把曲線容器.curve加入到需要使用的HTML元素中即可。例如：

<div class="curve"></div>

這樣，我們就創(chuàng)建了一條漂亮的曲線。