CSS 對話框是一個非常方便的工具，可以讓用戶在網站上進行交互。這里我們來看一下如何在 CSS 對話框中添加中文。

.dialog-box {
width: 400px;
height: 200px;
background-color: #fff;
border: 1px solid #333;
border-radius: 8px;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
font-size: 24px;
color: #333;
}
.dialog-box p {
margin: 20px;
}
.dialog-box .btn {
display: inline-block;
padding: 8px 16px;
background-color: #333;
color: #fff;
border-radius: 4px;
cursor: pointer;
}
.dialog-box .btn:hover {
background-color: #666;
}

首先，我們需要創(chuàng)建一個名為 “dialog-box” 的 CSS 類，用于樣式化我們的對話框。其中包括：寬度、高度、背景顏色、邊框、邊框半徑、位置等等。

接下來我們可以在里面添加一些文本，這里我們可以使用 “p” 標簽，比如這樣：

<div class="dialog-box">
<p>你確定要刪除這篇文章嗎？</p>
<div class="btn">刪除</div>
</div>

最后我們還需要添加一個 “btn” 類，用于樣式化我們的按鈕。

這樣，我們的對話框就可以順利地顯示中文了！