今天我們來學(xué)習(xí)如何使用CSS來制作笑臉雪糕！

/* 首先，我們需要定義兩個(gè)圓形的 div，來作為雪糕的底部和面部。*/
/* 對(duì)底部的 div 使用圓角和半透明的顏色 */
.cone {
width: 200px;
height: 300px;
border-radius: 100px 100px 0 0;
background-color: rgba(255, 255, 255, 0.5);
position: relative;
}
/* 對(duì)面部的 div 也使用圓角 */
.face {
width: 160px;
height: 160px;
border-radius: 80px;
background-color: #ffdd67;
position: absolute;
top: 50px;
left: 20px;
}
/* 接下來，我們要制作眼睛和嘴巴 */
.eye {
width: 30px;
height: 30px;
border-radius: 15px;
background-color: #000;
position: absolute;
}
/* 左眼的位置 */
.eye.left {
top: 50px;
left: 50px;
}
/* 右眼的位置 */
.eye.right {
top: 50px;
right: 50px;
}
/* 嘴巴的位置 */
.mouth {
width: 80px;
height: 30px;
border-radius: 40px/15px;
border: 3px solid #000;
border-top: none;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 120px;
}
/* 最后，我們來制作兩個(gè)可愛的腮紅 */
.cheek {
width: 30px;
height: 30px;
border-radius: 15px;
background-color: #ff7070;
position: absolute;
}
/* 左腮紅的位置 */
.cheek.left {
top: 80px;
left: 30px;
}
/* 右腮紅的位置 */
.cheek.right {
top: 80px;
right: 30px;
}

恭喜你，現(xiàn)在你已經(jīng)學(xué)會(huì)了如何使用 CSS 制作這個(gè)可愛的笑臉雪糕了！