CSS中的圓角設計對于美化網站非常重要，而在實際開發過程中，經常會遇到需要部分圓角的情況，如下圖所示：

.box {
width: 200px;
height: 100px;
background: #f2f2f2;
border-radius: 20px 0 0 20px;
}

在上述代碼中，使用了border-radius屬性來實現部分圓角的效果，其取值順序按照左上、右上、右下、左下的順序排列。

如果希望實現不同大小的圓角，可以使用以下代碼：

.box {
width: 200px;
height: 100px;
background: #f2f2f2;
border-radius: 50px 20px 10px 30px;
}

在這段代碼中，左上角的圓角半徑為50px，右上角為20px，右下角為10px，左下角為30px。

除了使用border-radius屬性來實現部分圓角外，還可以使用偽元素:before和:after來實現。下面是一段使用:before來實現部分圓角的代碼：

.box {
width: 200px;
height: 100px;
background: #f2f2f2;
position: relative;
}
.box:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 100%;
background: #f2f2f2;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}

在這段代碼中，使用:before來創建一個和.box同樣大小的偽元素，然后設置它的圓角。需要注意的是，由于偽元素的position屬性為absolute，所以.box需要設置position:relative。

總之，使用CSS實現部分圓角非常簡單，只需要使用border-radius屬性或者偽元素來實現即可，并且可以根據需求設置不同大小的圓角。