在 CSS 中，我們可以使用以下幾種方法來實(shí)現(xiàn)基本形狀，我們將使用這些方法來創(chuàng)建一個笑臉圖形。

首先，我們將使用<div>元素創(chuàng)建容器。

<div class="smiley"></div>

接下來，我們將使用 CSS 實(shí)現(xiàn)形狀。

方法一：使用 border-radius 屬性

我們可以使用 border-radius 屬性來創(chuàng)建圓形。使用兩個圓形以及兩個方形可以輕松創(chuàng)建一個笑臉。

.smiley {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: yellow;
border: 3px solid black;
}
.smiley:before {
content: "";
display: block;
width: 25px;
height: 25px;
background-color: black;
border-radius: 50%;
position: absolute;
top: 35%;
left: 30%;
}
.smiley:after {
content: "";
display: block;
width: 25px;
height: 25px;
background-color: black;
border-radius: 50%;
position: absolute;
top: 35%;
left: 60%;
}

方法二：使用 box-shadow 屬性

我們可以使用 box-shadow 屬性來創(chuàng)建各種形狀，包括笑臉。下面是代碼：

.smiley {
width: 90px;
height: 90px;
background-color: yellow;
border: 3px solid black;
border-radius: 50%;
box-shadow: -10px -10px 0 0 black,
10px -10px 0 0 black,
0 10px 0 0 black,
0 0 0 3px black;
}

以上兩種方法都可以輕松地創(chuàng)建笑臉形狀。現(xiàn)在，我們已經(jīng)了解了其中的一些基本 CSS 屬性，希望這篇文章對初學(xué)者有所幫助。