CSS（層疊樣式表）規則可以定義不同類型的對話框，下面是幾種不同類型的對話框：

.alert {
border: 1px solid #ddd;
background-color: #f9f9f9;
padding: 10px;
color: #666;
}
.confirm {
border: 1px solid #ccc;
background-color: #fff;
padding: 10px;
color: #333;
}
.prompt {
border: 1px solid #ccc;
background-color: #fff;
padding: 10px;
color: #333;
display: flex;
justify-content: space-between;
align-items: center;
}
.msg {
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 20px;
}

上面的代碼展示了四種不同類型的對話框，分別是alert、confirm、prompt和message對話框。

通過CSS規則，我們可以對對話框進行樣式的設置，比如設立邊框、背景色、內邊距、字體顏色等基本屬性。此外，我們還可以利用display屬性、position屬性和transform屬性等對話框進行布局和定位。