在網頁設計中，對話框是非常常見的一種元素。

通過使用CSS規則來定義對話框的樣式，可以讓對話框看起來更美觀、更符合網頁整體風格。

下面是一個簡單的CSS規則，用于定義一個對話框的樣式：

.dialog {
width: 400px;
height: 200px;
background-color: #fff;
border: 1px solid #ddd;
box-shadow: 0 0 5px rgba(0,0,0,.3);
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

上面的CSS規則中，.dialog是定義對話框樣式的類名，可以在HTML中通過添加該類名來應用這些樣式。

其中，width和height分別定義了對話框的寬度和高度。

background-color用于定義對話框的背景色，border定義了對話框的邊框樣式。

box-shadow可以為對話框添加陰影效果，讓它更加立體感。

position、top和left一起定義了對話框的位置，使其始終居中顯示。

通過合理的CSS規則定義，我們可以實現各種各樣的對話框樣式，包括簡單的提示框、模態框等等。