CSS是一種用來為網頁添加樣式的語言。在這篇文章中，我們將會學習如何使用CSS來制作奧運五環。

/* 創建一個圓形，設置寬度和高度等于整個屏幕的高度 */
.circle {
width: 100vh;
height: 100vh;
border-radius: 50%;
}
/* 使用背景色來繪制五個圓形，每個圓形的顏色不同 */
.blue-circle {
background-color: blue;
}
.yellow-circle {
background-color: yellow;
}
.black-circle {
background-color: black;
}
.green-circle {
background-color: green;
}
.red-circle {
background-color: red;
}
/* 將五個圓形按照對應的位置依次疊放 */
.first-circle {
position: absolute;
top: 0;
left: 0;
}
.second-circle {
position: absolute;
top: 45%;
left: 11.5%;
}
.third-circle {
position: absolute;
top: 45%;
left: 23%;
}
.fourth-circle {
position: absolute;
top: 22%;
left: 17.25%;
}
.fifth-circle {
position: absolute;
top: 22%;
left: 28.75%;
}

通過以上CSS代碼，我們可以實現奧運五環的效果。我們使用了一個包含了所有五環的大圓形，并使用position屬性來將各個環疊放在正確的位置。同時，我們使用不同的顏色來繪制五個圓形，這樣便能夠呈現出五環的顏色和形狀。