CSS是網(wǎng)頁設(shè)計中難得的好幫手。它可以用來制作各種各樣的效果，包括寫對話框。

對話框是一種常見的浮動窗口，在網(wǎng)頁中經(jīng)常用來顯示提示信息、操作交互等。下面我們來看一下如何用CSS制作一個簡單的對話框。首先，我們需要定義一個div容器，并設(shè)置它的寬度、高度、邊框和背景顏色。

.dialog {
width: 300px;
height: 200px;
border: 1px solid #ccc;
background-color: #fff;
}

接下來，我們可以為對話框添加標題。標題可以用h3標簽來實現(xiàn)，然后再通過CSS來設(shè)置樣式，如下所示：

.dialog h3 {
background-color: #f6f6f6;
padding: 10px;
}

如果我們希望在對話框中添加內(nèi)容，比如文本和圖片等，可以在對話框容器中添加新的元素，比如p標簽和img標簽。如下所示：

這是對話框標題
這是對話框內(nèi)容。

最后，我們可以為對話框添加關(guān)閉按鈕。我們可以通過在對話框容器中添加一個a標簽來實現(xiàn)，然后再為它設(shè)置樣式。樣式可以通過偽類來控制，如下所示：

.dialog a.close-btn {
position: absolute;
top: 5px;
right: 5px;
font-size: 20px;
color: #ccc;
}
.dialog a.close-btn:hover {
color: #999;
}

以上便是用CSS寫對話框的基本步驟。通過設(shè)置不同的屬性，我們可以實現(xiàn)更多的效果，如陰影、動畫、透明度、圓角等。記得在使用CSS時要注意兼容性和可訪問性，讓網(wǎng)頁效果更加出色。