在 CSS 中，制作水滴形狀可以使用 border-radius 屬性和偽元素（::before 和 ::after）來實現(xiàn)。以下是制作水滴形狀的示例代碼：

.droplet {
position: relative;
width: 40px;
height: 60px;
border-radius: 20px / 30px;
border: 2px solid #000;
background-color: #00F;
}
.droplet::before {
content: "";
position: absolute;
bottom: -30px;
left: 0;
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 30px solid #00F;
}

上面的代碼中，第一個選擇器 ".droplet" 設(shè)置了水滴形狀的基本樣式，包括寬度、高度、邊框顏色和背景顏色。其中的 border-radius 屬性是關(guān)鍵，它使得水滴的上半部分呈圓形，下半部分呈圓錐形。

接著，我使用了 ::before 偽元素來制作水滴的下半部分。在 ::before 中，我設(shè)置了位置、大小和邊框?qū)挾群皖伾?，使其呈現(xiàn)出三角形的形狀，并且與水滴的上半部分顏色一致，從而形成了完整的水滴形狀。

以上就是使用 CSS 制作水滴形狀的方法，這種形狀在一些特殊的場合中可以有用，比如制作氣泡、液滴等。需要注意的是，border-radius 屬性和偽元素的尺寸和位置需要根據(jù)實際需求進行調(diào)整，以達到最佳的效果。