CSS 半圓弧 APP 底部是一種常見的設計效果，下面將演示如何使用 CSS 實現(xiàn)這個效果。

.app-bottom {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 50px; // 底部高度可自行調整
}
.arc {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 40px; // 弧形高度可自行調整，但不能超過底部高度
background-color: #fff; // 弧形顏色可自行調整
border-top-left-radius: 50% 80%; // 調整此屬性可以控制弧度大小和形狀
border-top-right-radius: 50% 80%;
overflow: hidden;
}
.arc:before {
content: "";
position: absolute;
top: -10px; // 調整此屬性可以控制弧形的位置
left: -10px;
width: 20px;
height: 20px;
background-color: #fff;
border-radius: 50%;
}
.arc:after {
content: "";
position: absolute;
bottom: -10px; // 調整此屬性可以控制弧形的位置
left: -10px;
width: 20px;
height: 20px;
background-color: #fff;
border-radius: 50%;
}

代碼中，.app-bottom 是整個底部的容器，在其中添加 .arc 標簽來實現(xiàn)半圓弧的效果。需要注意的是，.arc 的高度不能超過 .app-bottom 的高度，并且需要將 .arc 的 overflow 屬性設置為 hidden，以隱藏超出的部分。

通過修改 .arc 標簽中的 border-radius 屬性就可以控制半圓弧的大小和形狀。同時，通過 .arc:before 和 .arc:after 添加兩個圓形控制點，可以使整個半圓弧更加真實。

通過這種方法，我們可以輕松地實現(xiàn)一個漂亮的 CSS 半圓弧 APP 底部，為應用程序增添一份高端大氣的美感。