CSS對話框氣泡是一種常見的元素，它們可以用來顯示對話框、提示信息或者警告。

我們可以使用CSS為對話框氣泡設置樣式，以便使它們符合我們的網站或應用程序的設計。

/*設置對話框氣泡的樣式*/
.dialog-bubble {
position: absolute;
background-color: white;
border-radius: 10px;
padding: 10px;
box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
font-size: 14px;
color: #333;
}
/*設置對話框氣泡的箭頭*/
.dialog-bubble::before {
content: "";
position: absolute;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: white transparent transparent transparent;
bottom: -10px;
left: calc(50% - 10px);
}

使用以上代碼，可以讓對話框氣泡具有圓角和陰影，并且用CSS畫出了一個漂亮的箭頭。

然后我們還可以使用JavaScript來控制什么時候顯示和隱藏對話框氣泡：

// 顯示對話框氣泡
function showBubble() {
document.getElementById("dialog-bubble").style.display = "block";
}
// 隱藏對話框氣泡
function hideBubble() {
document.getElementById("dialog-bubble").style.display = "none";
}

以上是一個簡單的例子，展示了如何使用CSS和JavaScript來創建和控制對話框氣泡。
希望這篇文章可以幫助到想要學習CSS對話框氣泡的讀者們！