CSS編寫兩個同心圓，是通過使用CSS屬性和樣式來控制HTML中的圓形元素，從而實現兩個同心圓的效果。下面是一個簡單的例子展示如何完成兩個同心圓的編寫：

.circle{
width: 200px;
height: 200px;
border: 10px solid red;
border-radius: 50%;
margin: auto;
}
.inner-circle{
width: 100px;
height: 100px;
border: 10px solid blue;
border-radius: 50%;
position: relative;
top: -110px;
left: 50px;
}

在這個例子中，我們使用了CSS中的兩個樣式類“circle”和“inner-circle”，來分別定義外部圓形和內部圓形的樣式。通過設置它們的border屬性來確定圓形的邊框寬度、顏色等屬性，而通過border-radius屬性來設置圓形的半徑大小，從而實現指定大小的兩個同心圓。我們也可以通過position屬性來調整內部圓形的位置，從而讓它居中于外部圓形中心。

以上是一個簡單的例子來介紹如何通過CSS編寫大小相同的兩個同心圓，如果想要讓兩個圓形大小不同，我們可以在“circle”和“inner-circle”兩個樣式類中增加一些額外的屬性來實現。

.big-circle{
width: 300px;
height: 300px;
border: 10px solid red;
border-radius: 50%;
margin: auto;
}
.small-circle{
width: 150px;
height: 150px;
border: 10px solid blue;
border-radius: 50%;
position: relative;
top: -160px;
left: 80px;
}

以上代碼展示了如何實現大小不同的兩個同心圓，我們只需將外部圓形“circle”樣式類替換為“big-circle”，內部圓形“inner-circle”替換為“small-circle”，然后根據自己需求再調整大小和位置。