CSS可以實(shí)現(xiàn)各種形態(tài)的樣式，其中曲線的實(shí)現(xiàn)也不例外。

.curve{
width: 200px;
height: 200px;
background-color: #f2f2f2;
position: relative;
}
.curve:before{
content: "";
width: 200px;
height: 200px;
background-color: #2485b8;
border-radius: 50%;
transform: rotate(-45deg);
position: absolute;
top: -75px;
left: -25px;
}
.curve:after{
content: "";
width: 200px;
height: 200px;
background-color: #2485b8;
border-radius: 50%;
transform: rotate(-45deg);
position: absolute;
bottom: -75px;
right: -25px;
}

上述代碼中，通過:before和:after兩個(gè)偽元素的嵌套，實(shí)現(xiàn)了兩個(gè)圓形樣式，并通過transform屬性旋轉(zhuǎn)了45度，使其呈現(xiàn)出曲線的樣式。通過改變圓形的大小和旋轉(zhuǎn)的角度，可以實(shí)現(xiàn)不同形態(tài)的曲線樣式。

除此之外，CSS還可以通過Bezier曲線函數(shù)來繪制曲線樣式，在background屬性中使用linear-gradient函數(shù)，將起始顏色和終止顏色設(shè)為一致，然后在中間添加stop顏色以及控制點(diǎn)坐標(biāo)即可：

.curve{
width: 200px;
height: 200px;
background: linear-gradient(45deg, #2485b8, #2485b8 35%, #f2f2f2 35%);
position: relative;
}

上述代碼中，linear-gradient函數(shù)使用了45度的角度以及三個(gè)色標(biāo)，即起始顏色#2485b8、stop顏色#f2f2f2和終止顏色#2485b8。通過控制stop顏色的位置實(shí)現(xiàn)曲線的不同形態(tài)。