CSS是前端開發中必不可少的一種語言，它被用于設計和構建網站的樣式和布局。其中一個CSS屬性就是“border-radius”，它可以創建各種形狀的邊框。在這篇文章中，我們將學習如何使用CSS在一個內凹半圓的元素中實現一個漂亮的效果。

.box {
width: 200px;
height: 100px;
background-color: #fff;
border: 3px solid #ccc;
/* 關鍵語句開始 */
border-radius: 100px 100px 0 0 / 50px 50px 0 0;
box-shadow: inset 0 6px 10px rgba(0,0,0,.1);
/* 關鍵語句結束 */
}

上面這段CSS代碼可以實現一個寬度為200px，高度為100px，背景色為白色，帶有3px實線邊框的元素，并將其轉化為內凹半圓形。這里的“border-radius”中的數字表示將每個角轉化為半圓的程度，前兩個數字是左上角的半徑，接下來兩個是右上角，接著兩個是右下角，最后兩個是左下角。第二個斜杠后面的數字是用于具體定義半圓的位置和大小的，“50px”表示半圓直徑的一半。

此外，這段代碼中還添加了一個“box-shadow”的屬性，用于實現元素內部的陰影效果。這使得元素看起來更加立體和真實，并給用戶帶來更好的視覺效果。

總的來說，“border-radius”和“box-shadow”可以幫助我們快速創建許多不同的樣式和形狀。嘗試一些不同的數字，調整屬性并在你自己的項目中使用它們吧！