圓角對話框是頁面中經常用到的一個UI組件，能為網頁增加一些視覺上的美感。使用CSS3中的border-radius屬性可以輕松地實現一個漂亮的圓角對話框，下面我們就來看一下如何實現。

.rounded-box {
border-radius: 10px;
border: 2px solid #ddd;
padding: 10px;
background-color: #fff;
}

上面這段CSS代碼是最基本的圓角對話框樣式，其中border-radius為圓角半徑，border為邊框，padding為內邊距，background-color為背景色。

如果想要進一步地美化對話框，可以添加陰影和漸變效果，如下示例代碼：

.rounded-box {
border-radius: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
border: 2px solid #ddd;
padding: 10px;
background: linear-gradient(to bottom, #fff, #eee);
}

上述代碼中，box-shadow屬性為陰影效果，linear-gradient則為漸變效果。通過不同的顏色組合，可以得到不同的漸變效果。

除了上述簡單的示例，我們還可以通過添加更多的CSS屬性來進一步實現更多樣式的圓角對話框。

總之，圓角對話框是一個簡單、易用、美觀的UI組件，通過CSS3的border-radius屬性可以輕松地實現各種不同風格的對話框，為網頁帶來更多的視覺藝術享受。