現在是圣誕季節，我們來學習如何使用 HTML 代碼創建一個 3D 圣誕樹。

/* CSS 代碼 */
.tree {
position: relative;
width: 30px;
height: 50px;
}
.tree:before,
.tree:after {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
background-color: green;
border-radius: 50%;
}
.tree:before {
top: 0;
width: 50px;
height: 50px;
}
.tree:after {
top: 30px;
width: 70px;
height: 70px;
}
.tree span {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -10px;
width: 15px;
height: 15px;
background-color: yellow;
border-radius: 50%;
}

HTML 代碼如下：

代碼解釋：

上面的 CSS 代碼創建了一個帶有綠色背景的圓形。通過偽元素 `::before` 和 `::after` ，可以創建出更大的圓形，從而形成樹的形狀。最后在底部添加了一個黃色小圓球，代表圣誕樹的裝飾品。

在 HTML 中，我們只需創建一個 `div` 元素，并設置它的類名為 `tree`，然后在其中添加一個 `span` 元素，在 CSS 中再通過類名選擇器來渲染出 3D 圣誕樹。

現在，我們已經成功創建了一個簡單的 3D 圣誕樹，可以放在網頁上，為訪問者帶來節日的氣氛。