CSS（層疊樣式表）是一種用于定義網頁樣式的語言。使用CSS可以實現對網頁的布局、顏色、字體和各種效果進行精細控制。消息框是網頁中常見的元素之一，使用CSS可以輕松地實現各種風格的消息框。
要寫一個消息框，首先需要定義一個容器元素，可以使用
標簽或者其他塊級元素。將消息文本放置在該容器中，例如：
<div class="message"> <p>這是一條消息。</p> </div>
接下來，使用CSS對該容器進行樣式設置。可以設置該容器的背景色、邊框、圓角、陰影等等。例如，此處我們將容器設置為藍色，加上圓角和陰影：
.message {
background-color: #007bff;
color: #ffffff;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
padding: 10px;
}需要注意的是，上述代碼中使用了padding屬性為消息框添加了內邊距，以使文本內容不會緊貼著邊框。其中的顏色、半徑和陰影效果可以根據實際需求進行自定義。
最后，將樣式應用到HTML代碼中，可以使用內嵌樣式表或外部樣式表。如果使用內嵌樣式表，可以將以上代碼放在<style></style>標簽中。如果使用外部樣式表，在HTML文件中添加<link>標簽，并將樣式代碼放在獨立的CSS文件中。
<head> <link rel="stylesheet" href="style.css"> </head>
這樣，一個漂亮的消息框就完成了！