在Web開發中，CSS（層疊樣式表）是用于控制網頁外觀的一種標記語言。它可以使網頁的布局、字體、顏色、背景等元素顯示得更加美觀和統一。今天我們來講一講如何創建一個CSS行星。

.planet {
width: 200px;
height: 200px;
background: radial-gradient(circle, #FFCB02 0%, #D97706 100%);
border-radius: 50%;
position: relative;
}
.planet::before {
content: "";
display: block;
width: 70px;
height: 70px;
background: #DDD;
border-radius: 50%;
position: absolute;
top: 0;
left: 65px;
}
.planet::after {
content: "";
display: block;
width: 20px;
height: 20px;
background: #eeefff;
border-radius: 50%;
position: absolute;
top: 55px;
left: 100px;
}
.planet::after {
animation: orbit 4s linear infinite;
}
@keyframes orbit {
from {
transform: rotate(0deg) translateX(100px) rotate(0deg);
}
to {
transform: rotate(360deg) translateX(100px) rotate(-360deg);
}
}

首先，我們創建一個HTML元素，使用CSS的border-radius屬性將其變為圓形。為了使行星更加有質感，我們使用radial-gradient屬性給行星加上了漸變色的背景。接下來，我們需要向行星中心添加一顆小衛星。這可以通過CSS偽元素before來實現。我們為該元素設置一些CSS屬性，使其顯示為一個圓形， 并將其定位到原行星上方。

最后，我們使用CSS動畫使衛星繞行星旋轉。我們可以使用transform屬性得到平移和旋轉效果。繞行星旋轉的動畫可以通過關鍵字@keyframes來描述。在這個例子中，我們將衛星以線性方式繞行星旋轉。我們還可以通過控制動畫的播放時間、次數和類型來調整動畫效果。

通過上面的CSS代碼，我們可以很容易地創建一個神奇的CSS行星。嘗試更改CSS屬性的值，探索行星的不同形狀和外觀。