CSS是一種用于網頁布局和樣式的語言，它可以通過控制HTML元素的外觀和排版來實現不同的設計效果。在這篇文章中，我們將介紹如何使用CSS來設計一個地球的樣式。

/* 地球的樣式 */
.earth {
width: 400px;
height: 400px;
background-image: url('https://cdn.pixabay.com/photo/2015/10/31/12/01/earth-1015522_960_720.jpg');
background-size: cover;
border-radius: 50%;
box-shadow: 0 0 50px #0a0a0a;
}

以上代碼是地球的樣式設置，我們使用了一個名為".earth"的class來表示這個元素。接下來，我們將解釋每個樣式的作用：

• width:設置地球元素的寬度為400像素。
• height:設置地球元素的高度為400像素。
• background-image:設置地球元素的背景圖片為一張來自Pixabay網站的照片，這個照片顯示了地球的整個地圖。
• background-size:讓背景圖片填充整個地球元素。
• border-radius:把地球元素的邊角設置為50%，讓它變成一個圓形。
• box-shadow:設置一個黑色的投影效果，讓地球看起來更立體。

通過以上樣式的設置，我們成功地在網頁上創建了一個非常逼真的地球模型。