CSS是HTML的重要組成部分，它允許我們控制網頁的外觀和樣式。在這篇文章中，我們將討論如何使用CSS畫水滴形。

.drop {
width: 100px;
height: 100px;
background: #428bca;
border-radius: 50%;
position: relative;
}
.drop:before {
content: "";
display: block;
width: 80px;
height: 80px;
background: #fff;
border-radius: 50%;
position: absolute;
top: 10px;
left: 10px;
}
.drop:after {
content: "";
display: block;
width: 60px;
height: 60px;
background: #428bca;
border-radius: 50%;
position: absolute;
top: 20px;
left: 20px;
}

我們首先創建了一個class為drop的元素，然后設置它的寬度和高度為100px，并且使用border-radius屬性將其變為一個圓形。接下來我們使用:before偽類，畫出了水滴形上面的白色圓形，并且給定了相應的樣式來定位它。最后我們再使用:after偽類，畫出了水滴形下面的藍色圓形，同樣給定了相應的樣式來定位它。

通過組合這些元素，我們最終得到了一個漂亮的水滴形。當然，你還可以通過調整樣式來改變水滴的顏色和大小，以滿足你的需求。