CSS 圓角非常常見，但是想要實現這樣一個效果：將角變成內圓，不像普通圓角那樣向外凸出，需要對 CSS 進行一定的處理。

.box {
width: 100px;
height: 100px;
border: 1px solid #000;
border-radius: 0 0 50% 50% / 0 0 100% 100%;
}

首先，我們使用 border-radius 屬性，但是在這里，我們需要將角變成內圓，我們需要指定一個較小的半徑的橢圓。所以，我們在 border-radius 中寫入 0 0 50% 50%，指定左下和右下的角為橢圓，橫軸半徑和縱軸半徑為 50%（即一個正圓）。

但是，這時候我們會發現，這個矩形中間的兩個角還是普通的圓角，而不是內圓。這是因為，當我們設置了橢圓的半徑以后，我們還需要將矩形的高度縮小一半，然后再對左上和右上的角分別設置一個橢圓，橫軸半徑和縱軸半徑分別為 0 0 100% 100%。這樣，我們就可以得到一個四個內圓角的矩形。

.box {
width: 100px;
height: 50px;
border: 1px solid #000;
border-radius: 0 0 50% 50% / 0 0 100% 100%;
}

注意，由于內圓的存在，矩形的高度應該設置為原始高度的一半，即 50px，否則會出現橢圓拉伸的情況。