在使用 CSS 布局時，經常有需要制作“長方形中間扣圓”的設計需求，這在頁面設計中是一個常見的效果。

實現這個效果可以使用 CSS3 中的border-radius屬性。該屬性可以設置元素的邊角呈圓形，以實現扣圓的效果。

.box{
width: 200px;
height: 100px;
border: 1px solid #dcdcdc;
border-radius: 50px 0 0 50px;
}

通過設置border-radius的值，我們可以將元素的左下角和左上角的邊角變成圓形，從而實現扣圓的效果。值得注意的是，border-radius屬性的值是按照“左上”、“右上”、“右下”、“左下”的順序依次設置的。

該方法也適用于其他形狀的扣邊效果，只需要在設置border-radius時按照需求調整邊角的值即可。在實際應用中，我們可以根據設計需求進行不同的組合和調整，以滿足不同設計要求。