在CSS中，div（區塊）是經常使用的一種HTML元素。你可以使用CSS來控制div的外觀和位置。其中，曲線是CSS中非常有趣的一個特性。這里我們來看一下如何使用CSS實現div曲線。

首先，我們需要為我們的div元素設置一個類名。我們將使用的類名為“ curved-div”。我們可以像這樣在CSS文件中設置它：

.curved-div {
border-radius: 50%;
height: 200px;
width: 400px;
background-color: black;
position: relative;
overflow: hidden;
}

上面的代碼設置了曲線div的樣式。我們使用“ border-radius”屬性來定義圓形div，讓div看起來像一個圓弧。我們還定義了div的高度和寬度，以及一個黑色的背景。

由于我們需要使用曲線絕對定位的子元素，我們需要使用“ position: relative”屬性。同時，我們還定義了“ overflow: hidden”屬性，因為我們不希望任何溢出div的內容影響我們的樣式。

接下來，我們需要為曲線div添加一個偽元素，例如“ ::before”。我們將使用的偽元素為“ ::before”：

.curved-div::before{
content:"";
position:absolute;  
width:100%;
height:50%;
background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));  
top:0;
left:0;
transform:skewY(-10deg);
transform-origin:0 0;
z-index: -1;
}

上面的代碼將添加一個罩在我們的曲線div上方的偽元素。我們使用“ content”屬性設置了偽元素的內容為空。將其絕對定位，使其覆蓋在我們的曲線div上。我們還定義了偽元素的高度為曲線div的一半，并使用“ linear-gradient”屬性定義了黑色漸變的背景顏色。最后，我們使用“ skewY”屬性，將偽元素向Y軸傾斜，并使用“ transform-origin”屬性將其定位在左上角。

現在，我們的曲線div看起來像一個圓弧帶有不同的陰影。我們成功地使用CSS實現了曲線div的效果。