圣誕節(jié)快來啦！為了慶祝這個(gè)節(jié)日，我們可以用CSS畫一顆漂亮的圣誕樹來裝飾我們的網(wǎng)頁。

/* 首先，定義圣誕樹的主體 */
.tree {
position: relative;
width: 200px;
height: 300px;
margin: 30px auto 0;
}
/* 然后，定義樹干 */
.tree__trunk {
position: absolute;
bottom: 0;
width: 50px;
height: 70px;
background-color: #654321;
}
/* 接下來，定義樹葉 */
.tree__leaf,
.tree__leaf::before,
.tree__leaf::after {
position: absolute;
bottom: 70px;
width: 0;
height: 0;
border-style: solid;
}
/* 左側(cè)的樹葉 */
.tree__leaf--left {
left: -40px;
border-width: 0 40px 70px 0;
border-color: transparent #008000 transparent transparent;
}
/* 右側(cè)的樹葉 */
.tree__leaf--right {
right: -40px;
border-width: 70px 0 0 40px;
border-color: #008000 transparent transparent transparent;
}
/* 樹葉上半部分 */
.tree__leaf::before {
top: -10px;
border-width: 0 35px 50px 0;
border-color: transparent #006400 transparent transparent;
}
/* 樹葉下半部分 */
.tree__leaf::after {
bottom: -10px;
border-width: 50px 35px 0 0;
border-color: #006400 transparent transparent transparent;
}

現(xiàn)在，讓我們在HTML中放置我們剛剛寫好的CSS代碼，并創(chuàng)建圣誕樹：

現(xiàn)在，我們已經(jīng)成功地創(chuàng)建了一顆漂亮的CSS圣誕樹了！你可以進(jìn)一步修改CSS代碼，使其更具個(gè)性化或更細(xì)致，讓你的網(wǎng)頁在這個(gè)節(jié)日更有節(jié)日氣氛。