CSS 是前端開發中必不可少的技術。它可以讓你的網站變得更加美觀，讓用戶的體驗更加舒適，同時也有助于提高網站的速度和搜索引擎的優化。

今天我們來學習如何用 CSS 來制作一個美麗的地球！

/* 設置地球的邊框和背景 */
 .earth {
width: 300px;
height: 300px;
border-radius: 50%;
border: 2px solid #3a3a3a;
background-image: url(https://i.imgur.com/oQI8Lrh.jpg);
background-size: cover;
 }
/* 設置地球的光暈 */
 .earth::before {
content: "";
display: block;
position: relative;
top: -10px;
left: -10px;
width: 320px;
height: 320px;
border-radius: 50%;
box-shadow: 0 0 40px #00c4ff;
 }
/* 設置地球的陰影 */
 .earth::after {
content: "";
display: block;
position: relative;
top: -10px;
left: -10px;
width: 320px;
height: 320px;
border-radius: 50%;
box-shadow: inset 0 0 40px #3a3a3a;
 }

通過以上 CSS 代碼，我們可以實現一個美麗的地球。首先我們設置地球的邊框和背景，接著通過偽元素設置了光暈和陰影，使地球更加立體。

當然，以上只是一個簡單的示例，你可以根據自己的需要、創意和想象力，利用 CSS 創造更加獨特的地球效果。

總之，CSS 是一個非常強大的工具，讓我們在網站的開發和設計中能夠實現更加誘人的效果。
相信通過學習這些基礎技巧，你一定可以開發出非常美麗且獨特的網站頁面。