想要實現CSS月亮，首先我們需要明確月亮是什么樣子的。我們可以通過搜索圖片來獲取月亮的樣子，然后利用CSS來實現它。
.moon {
width: 200px;
height: 200px;
background-color: #fff;
border-radius: 50%;
position: relative;
}
.moon:before,
.moon:after {
content: "";
display: block;
position: absolute;
}
.moon:before {
width: 120px;
height: 210px;
top: -5px;
left: 40px;
background-color: #fff;
border-radius: 50%;
}
.moon:after {
width: 70px;
height: 70px;
top: 80px;
left: 90px;
background-color: #000;
border-radius: 50%;
}在上面的代碼中，我們首先創建了一個
元素，并設置寬高為200px，背景顏色為白色，邊界為圓形。接下來，我們利用:before和:after偽元素來實現月亮的形狀。在:before中，我們設置寬度為120px，高度為210px，讓它位于月亮的頂部，并且讓它成為白色。在:after中，我們將它設定為黑色，位置則在月亮的左下方，大小為70px * 70px。
利用上面的代碼，我們就可以輕松地實現一個月亮了。如果你想要讓月亮更加逼真，可以添加一些陰影和漸變效果。