CSS中對話框是網頁設計中常用的一種組件，它能夠彈出一個窗口，并展示出相應的內容，比如警告信息、提示框等。在CSS中實現對話框分為兩種方式，一種是利用偽元素來模擬彈出框，另一種是利用JavaScript動態創建對話框。

/* 利用偽元素實現對話框 */
.dialog {
position: relative;
display: inline-block;
padding: 10px 20px;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.dialog::before {
content: "";
position: absolute;
top: -10px;
left: calc(50% - 10px);
border: 10px solid transparent;
border-bottom-color: #fff;
}
/* 利用JavaScript實現對話框 */
var dialog = document.createElement('div');
dialog.className = 'dialog';
dialog.innerHTML = '這是一個對話框';
document.body.appendChild(dialog);

以上代碼分別演示了兩種方式實現對話框。第一種方式是利用偽元素來模擬對話框，通過添加:before偽元素并設置其位置、邊框樣式等來達到對話框的效果。第二種方式是利用JavaScript動態創建對話框，通過創建一個div元素并設置其類名、內容等來實現對話框的效果。

總的來說，CSS中對話框是網頁設計中常用的組件之一。選擇何種方式實現對話框取決于具體的需求，但是利用偽元素實現對話框的方式更為常見。