上述代碼使用了CSS樣式，將一個div嵌套在另一個div中，通過不同的邊框顏色和旋轉角度，形成了一個彩色的圓環。可以通過修改不同的border-color屬性來調整每個圓環的顏色以及調整border屬性的值來改變圓環的粗細。

#circle div {
border-radius: 50%;
position: absolute;
border: 10px solid #fff;
}
/*定義每個圓環的顏色*/
#circle div:nth-child(1) {
border-color: #f00;
}
#circle div:nth-child(2) {
border-color: #ff0;
transform: rotate(60deg);
}
#circle div:nth-child(3) {
border-color: #0f0;
transform: rotate(120deg);
}
#circle div:nth-child(4) {
border-color: #0ff;
transform: rotate(180deg);
}
#circle div:nth-child(5) {
border-color: #00f;
transform: rotate(240deg);
}
#circle div:nth-child(6) {
border-color: #f0f;
transform: rotate(300deg);
}