CSS對話框的制作是網頁設計中十分常見的一種技術，在頁面中以動態彈窗的形式呈現信息，這種效果可以將頁面視覺效果增強到一定程度

.dialog {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #FFF;
border-radius: 5px;
z-index: 9999;
padding: 20px;
text-align: center;
}
.dialog p {
margin-bottom: 10px;
}
.dialog button {
background-color: #007bff;
border: none;
color: #FFF;
border-radius: 5px;
padding: 10px;
cursor: pointer;
}

上面的代碼是一個非常基礎的CSS對話框，首先給.dialog類賦值display:none，表示在頁面加載完成之前對話框是隱藏的。接下來設置對話框的位置，通過設置position:absolute以及top、left屬性，實現使對話框居中于頁面。同時，通過使用transform屬性，實現控制對話框的位置。

接下來我們為對話框設置一些樣式，使用padding屬性增加對話框的邊距，同時使用background-color屬性為對話框添加背景色。設置border-radius屬性讓對話框四角呈圓角。

最后，我們將對話框中的文字和按鈕添加樣式，設置為p和button標簽。可以使用margin-bottom屬性將每行文本之間的間距增加一些，使其更易讀。button標簽使用背景顏色、顏色、邊框等屬性配置其樣式，同時設置cursor：pointer屬性使得鼠標移動到該區域可以出現指針形狀。