CSS是網(wǎng)頁設(shè)計中一個非常重要的元素，它不僅僅可以實現(xiàn)頁面的樣式美化，還可以通過寫對話框的樣式，讓網(wǎng)頁更加生動、有趣。

下面就讓我們來看一下如何使用CSS來寫對話框吧：

.dialog {
background-color: #FFFFFF;
padding: 15px;
border-radius: 10px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
margin: 10px;
display: flex;
flex-direction: column;
}
.dialog .name {
font-size: 16px;
font-weight: bold;
margin: 0px 0px 5px 0px;
}
.dialog .message {
font-size: 14px;
margin: 0px;
}

以上是一個簡單的對話框的樣式，其中包括了消息的樣式、消息人名的樣式等等。下面再來看一下在HTML中如何使用這個樣式：

<div class="dialog">
<div class="name">小明</div>
<p class="message">你好啊！</p>
</div>

在HTML中我們只需要通過一個div元素加上相關(guān)的類名，就可以實現(xiàn)一個對話框。這種方式可以讓我們的網(wǎng)頁更加有趣，讓訪問者在閱讀的過程中產(chǎn)生更好的體驗。