CSS漸變是一種讓網頁設計更加生動的技術。今天，我們來學習如何使用CSS漸變繪制一個立體的球體。

.ball {
width: 200px;
height: 200px;
background: radial-gradient(circle, #fff 20%, #888 60%, #000);
border-radius: 50%;
box-shadow: inset 0 0 50px #ddd, 0 0 50px rgba(0,0,0,.7);
}

首先，我們定義了一個名為“ball”的CSS類。然后，我們設置了寬度和高度為200像素，以及較深的背景色。接下來，我們使用了徑向漸變來添加一個淺色的部分，這將成為球體的高光。漸變的前20%是白色，接下來60%是深灰色，然后是黑色。最后，我們將邊框半徑設置為50%，使球體看起來更真實。

我們還使用了一些陰影技巧，來增加球體的立體感。首先，我們向球體內部添加了一個深灰色的投影，然后又添加了一個黑色的外部投影。這種效果讓球仿佛浮現在頁面上。

總的來說，CSS漸變是一項非常強大的技術，它可以讓我們創建出令人驚嘆的效果。如果你自己動手嘗試一下，你會發現自己能夠用到這些技術來創建出更精美、更有趣的網頁。