表情符號(hào)是現(xiàn)代通訊中不可或缺的一部分。和文字一樣，我們可以使用CSS來創(chuàng)建和定制表情符號(hào)。接下來，我們將介紹如何使用CSS來制作表情符號(hào)。

/* 創(chuàng)建一個(gè)簡(jiǎn)單的表情符號(hào) */
.emoji {
display: inline-block;
width: 20px;
height: 20px;
background-color: yellow;
border-radius: 50%;
}
/* 創(chuàng)建一個(gè)笑臉表情 */
.smile {
position: relative;
width: 50px;
height: 50px;
}
.smile .face {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background-color: yellow;
}
.smile .eyes {
position: absolute;
top: 20%;
left: 20%;
width: 10%;
height: 10%;
background-color: black;
border-radius: 50%;
}
.smile .mouth {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 40%;
height: 20%;
border-radius: 50% / 30%;
background-color: black;
}

使用以上CSS代碼，我們可以創(chuàng)建出一個(gè)簡(jiǎn)單的黃色圓形表情符號(hào)。我們同時(shí)還可以創(chuàng)建更加復(fù)雜的表情符號(hào)，比如笑臉表情。使用.smile類，我們可以創(chuàng)建一個(gè)由黃色圓形、黑色眼睛和嘴巴組成的笑臉表情。我們使用相對(duì)定位來確保圓形、眼睛和嘴巴相對(duì)于.smile元素定位。我們還使用絕對(duì)定位來確保眼睛和嘴巴相對(duì)于圓形定位。