CSS可以實現許多炫酷的效果，例如通過CSS繪制表情。下面我們使用CSS來繪制一個簡單的微笑表情，來看看具體實現過程。

.smile {
width: 50px;
height: 50px;
border-radius: 50%;
background: #fff;
border: 2px solid #000;
position: relative;
}
.smile::after {
content: '';
display: block;
width: 25px;
height: 25px;
border-radius: 50%;
background: #000;
position: absolute;
top: 22%;
left: 25%;
}
.smile::before {
content: '';
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
background: #000;
position: absolute;
top: 40%;
left: 35%;
}

我們首先定義一個.smile類來表示微笑表情。通過設置寬度、高度、邊框半徑、背景色和邊框顏色，我們創建了一個白色的圓形。使用偽元素::after和::before，我們添加了眼睛和嘴巴。這兩個元素的寬度、高度、邊框半徑、背景色和位置都可以通過CSS進行調整，以創建各種不同的表情。

除了微笑表情，我們還可以通過CSS實現流淚、驚訝、憤怒等各種表情。通過調整樣式來實現表情的變化，可以給頁面添加更多趣味性和個性化。