CSS半圓優惠券是一個在網頁設計中常見的元素，它能夠為網站增添一份互動感和促銷力度。下面介紹一下CSS實現半圓優惠券的相關知識。

.half-circle {
width: 0;
height: 0;
border-style: solid;
border-width: 50px 50px 0 50px;
border-color: #007bff transparent transparent transparent;
position: relative;
margin: 50px auto 0;
}
.half-circle:before {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 60px 60px 0 60px;
border-color: white transparent transparent transparent;
background: white;
position: absolute;
top: -55px;
left: -5px;
z-index: 1;
}

代碼解釋：

通過設置元素的寬高以及邊框的粗細和顏色，實現半圓的形狀。其中，border-style設置border的類型，border-width設置四個邊框的粗細，border-color設置四個邊框的顏色。

代碼中的before偽元素用于實現半圓的底色，把當前元素容器的背景覆蓋掉。

通過設置position進行元素的定位。設置margin用于調節元素的位置。

使用上述代碼，就可以輕松地實現一個半圓優惠券。當然，在實際應用中，可以根據設計需求進行樣式上的調節，比如加入文字，調節顏色等。