內凹圓(Inset Circle)是一種常見的CSS圓形操作，用于創建具有內凹對稱性的圓形。與傳統的圓形不同，內凹圓在創建時需要使用兩個半徑參數，而不是一個。

下面是一個使用內凹圓的簡單示例：

```html

<div class="circle">

<div class="inner"></div>

</div>

```css

.circle {

width: 200px;

height: 200px;

border: 1px solid #ccc;

display: inline-block;

.circle .inner {

width: 100px;

height: 100px;

border: 1px solid #ccc;

margin: 0 50px;

.circle .inner:before,

.circle .inner:after {

content: "";

width: 80px;

height: 80px;

border-radius: 50%;

margin: 0 20px;

.circle .inner:after {

left: 50px;

transform: rotate(-45deg);

在這個示例中，我們創建了一個內凹圓形，它由一個圓形和一個內凹的邊組成。內凹圓的半徑比圓形的半徑小，并且內凹的邊與圓形的邊垂直。通過使用CSS的`border-radius`屬性和`margin`屬性，我們可以使內凹圓形具有內凹對稱性。

使用內凹圓不僅可以創建美麗的圓形，還可以用于許多其他用途，如創建漸變圓形、制作動畫等。內凹圓是一種非常實用的CSS操作，可以幫助設計師創建具有高度對稱性和內凹感的圓形。