CSS是現代網頁設計中的重要組成部分，它能夠為網頁增添美觀和多樣性。在設計網頁時，我們通常會添加一些溫馨提示樣式，以幫助用戶更好地理解網站的特點和操作方式。

接下來，我們將介紹一些常用的CSS溫馨提示樣式：

/*1、警告信息*/
.warning {
background-color: #ffe7ba;
border: 1px solid #ff9800;
color: #ff9800;
padding: 10px;
margin: 10px;
}
/*2、提示信息*/
.info {
background-color: #e7f5fe;
border: 1px solid #2196f3;
color: #2196f3;
padding: 10px;
margin: 10px;
}
/*3、錯誤信息*/
.error {
background-color: #f8d7da;
border: 1px solid #f5c6cb;
color: #721c24;
padding: 10px;
margin: 10px;
}

我們可以通過添加樣式類名來應用這些溫馨提示樣式，例如：

<p class="warning">注意！這是一條警告信息</p>
<p class="info">您正在使用的瀏覽器版本較低，請更新至最新版本以獲得更好的瀏覽體驗</p>
<p class="error">抱歉，頁面加載出錯，請稍后再試</p>

以上就是CSS溫馨提示樣式的簡單介紹，希望對您在網頁設計中的使用有所幫助。