CSS規(guī)則定義是對于網(wǎng)頁美化起到非常重要的作用。其中，對于對話框的定義也是不可或缺的。下面是一個基本的對話框的CSS規(guī)則定義：

.dialog-box {
width: 400px;
height: 300px;
background-color: #fff;
color: #333;
border: 1px solid #999;
box-sizing: border-box;
position: fixed;
top: 50%;
left: 50%;
margin-top: -150px;
margin-left: -200px;
overflow: hidden;
font-size: 16px;
font-family: Arial, sans-serif;
}
.dialog-title {
width: 100%;
height: 40px;
background-color: #f1f1f1;
font-weight: bold;
line-height: 40px;
text-indent: 10px;
box-sizing: border-box;
}
.dialog-content {
width: 100%;
height: 220px;
padding: 20px;
box-sizing: border-box;
overflow: auto;
}
.dialog-button {
width: 100%;
height: 40px;
text-align: center;
line-height: 40px;
background-color: #f1f1f1;
box-sizing: border-box;
}

以上規(guī)則定義了一個基本的對話框的樣式，在進行具體項目應(yīng)用的時候可以根據(jù)實際需要進行調(diào)整，以滿足項目的需要。