CSS 圓角對話框是網頁設計中常用的一種展現內容的方式。通過添加圓角，可以使頁面元素看起來更加柔和，使用戶體驗變得更加舒適和友好。下面我們就來介紹如何使用 CSS 實現圓角對話框。

.dialog-box {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 10px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
padding: 10px;
width: 300px;
height: 150px;
}

在上面的代碼中，我們定義了一個名為.dialog-box的樣式。其中，background-color屬性定義了對話框的背景顏色；border屬性定義了對話框的邊框，包括寬度、樣式和顏色；border-radius屬性定義了對話框的圓角大小；box-shadow屬性定義了對話框的陰影效果；padding屬性定義了對話框內部的填充；width和height屬性分別定義了對話框的寬度和高度。通過這些屬性的設置，我們就可以創建一個漂亮的圓角對話框。

當然，以上只是一個簡單的例子，我們可以通過進一步的加工和調整，實現不同風格、不同尺寸的圓角對話框。此外，我們還可以使用 JavaScript 來控制對話框的顯示和隱藏以及其它交互效果，使頁面變得更加豐富多彩。