在進行網頁開發時，消息提醒是十分必要的，可以用來提示用戶完成操作或者警告用戶。CSS消息框可以實現這個目的，而且具有美觀的外觀和靈活的樣式。

/* 這是CSS樣式代碼 */
.message-box {
background-color: #fff;
border: 2px solid #ccc;
border-radius: 5px;
box-shadow: 0px 0px 5px #ccc;
width: 300px;
margin: 10px;
padding: 20px;
}
.message-box h2 {
font-size: 18px;
margin-bottom: 10px;
}
.message-box p {
font-size: 16px;
margin-bottom: 10px;
}
.message-box .button {
background-color: #ccc;
color: #fff;
font-size: 16px;
padding: 8px 12px;
border: none;
border-radius: 5px;
cursor: pointer;
}

以上代碼為創建消息框的樣式代碼。首先定義了一個class為message-box的樣式，這個樣式定義了消息框的基本樣式，包括背景顏色、邊框、圓角、陰影、寬度、外邊距和內邊距等。然后定義了一個h2和p樣式，用來定義消息框中的標題和內容的樣式，以及一個button樣式，用來定義消息框中的按鈕的樣式。

在HTML中，只需使用一個div標簽并加上相應的class，就可以將這個div變成一個消息框。例如：

<div class="message-box">
<h2>This is a title</h2>
<p>This is the message content.</p>
<button class="button">OK</button>
</div>

以上HTML代碼就是一個簡單的消息框，有標題、內容和一個OK按鈕。將上述樣式代碼與HTML代碼結合起來，就可以創建出完整的消息框。

總之，CSS消息框是一種非常方便的工具，可以幫助我們在網頁中快速創建提示框，便于用戶操作和體驗。如果您對CSS有深入的了解，可以通過調整樣式來達到更好的效果。