CSS是一門強大的樣式語言，它允許開發者創建各種形狀的元素。本文將介紹如何使用CSS創建長方形凹進去圓的效果。

.box {
width: 200px;
height: 100px;
background-color: #eee;
border-radius: 60px;
position: relative;
}
.box:before {
content: "";
position: absolute;
top: 10px;
left: 10px;
bottom: 10px;
right: 50%;
background-color: white;
border-radius: 50%;
transform: translate(-50%, 0);
}
.box:after {
content: "";
position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
left: 50%;
background-color: white;
border-radius: 50%;
transform: translate(50%, 0);
}

首先，我們需要創建一個長方形的容器，該容器的寬度為200像素，高度為100像素，并設置其背景顏色為淺灰色。接下來，我們將為容器添加圓形凹槽的效果。

為了實現這個效果，我們使用了偽元素:before和:after。我們為這些元素設置絕對定位，并將它們分別放在容器的左側和右側。由于偽元素的大小和位置需要動態計算，我們使用了calc()函數和transform屬性（translateX和translateY）來設置它們的位置和大小。

通過這些CSS代碼，我們成功地創建了一個長方形凹進去圓的效果。