對話框氣泡在網頁設計中十分常見，它能有效地幫助信息傳遞和交流。那么，如何用css來制作對話框氣泡呢？下面是一個簡單的示例：

.dialog {
position: relative;
background-color: #ffffff;
border: 1px solid #cccccc;
border-radius: 10px;
padding: 10px;
width: 200px;
}
.dialog:after {
content: '';
position: absolute;
top: -10px;
left: 50%;
margin-left: -10px;
border-width: 10px;
border-style: solid;
border-color: transparent transparent #cccccc transparent;
}

首先，我們需要創建一個外層容器，它的職責是包裹氣泡的內容。這個容器應該具有相對定位的屬性，以便讓后面的偽元素可以相對于它進行定位。容器的樣式包括背景顏色、邊框和邊框圓角等。

然后，在容器的偽元素中，我們使用了一個三角形來實現氣泡的突出效果。通過為偽元素設置border-width和border-color等屬性，我們可以準確地控制三角形的大小和顏色。

最終效果如下圖所示：

當然，這只是一個最基本的示例，你可以根據需要進行進一步的樣式自定義。希望這篇文章能夠對你理解如何使用css制作對話框氣泡有所幫助。