今天我們來講一下如何使用CSS3畫凹圓角。首先，我們需要了解什么是凹圓角。凹圓角是一種圓角設計效果，即圓角內側向內凹陷的效果。現在，我們就來看看如何用CSS3實現這種效果。 我們可以使用border-radius和box-shadow這兩個屬性，來實現凹圓角。具體步驟如下： 首先，在HTML中添加一個div元素，給它設置一個寬度和高度，并設置一個背景顏色，用來顯示效果。

<div style="width: 200px; height: 200px; background-color: #F2F3F5"></div>

接下來，我們給這個div添加border-radius屬性，設置圓角的大小。例如，我們設置四個角的大小都為10px。

div{
border-radius: 10px;
}

這時，我們會發現圓角都是向外凸起的，怎么辦呢？我們可以用box-shadow來實現凹圓角的效果。我們給div添加如下屬性：

div{
border-radius: 10px;
box-shadow: inset 0 0 0 10px #F2F3F5;
}

box-shadow的第一個參數為inset，表示陰影向內。第二個參數為水平偏移量，第三個參數為垂直偏移量，都設置為0，表示陰影不偏移。第四個參數為陰影的模糊半徑，設置為10px，表示圓角的大小。最后一個參數為陰影的顏色，與div的背景顏色相同。 現在，我們就成功地實現了一個凹圓角的效果。 完整代碼如下：

<style>
div{
width: 200px; 
height: 200px; 
background-color: #F2F3F5;
border-radius: 10px;
box-shadow: inset 0 0 0 10px #F2F3F5;
}
</style>
<div></div>

以上就是使用CSS3畫凹圓角的方法。希望對你有所幫助。