漸變消息框是網頁設計中常用的一種效果，可以讓信息突出且更加美觀。在CSS中，可以使用以下代碼來實現漸變消息框：

.message-box {
background-image: linear-gradient(to bottom right, #666, #999);
color: #fff;
padding: 16px;
border-radius: 8px;
box-shadow: 0px 2px 5px rgba(0,0,0,0.3);
}

上述代碼的關鍵在于使用了CSS3的線性漸變（linear-gradient）函數，此函數的參數表示漸變的方向和顏色。其中，to bottom right表示漸變的方向為從左上角向右下角，#666表示漸變的起始顏色，#999表示漸變的結束顏色。

除了線性漸變，CSS3還提供了徑向漸變（radial-gradient）等其他類型的漸變，可以根據不同需要進行選擇和使用。

在實際應用中，可以將上述代碼與HTML代碼結合，例如：

<div class="message-box">
<p>這是一條漸變消息框中的文本。</p>
</div>

這樣可以實現一個具有漸變效果的消息框。