次要按鈕:
css

.secondary-button {
 background-color: transparent;
 color: #3498db;
 border: 2px solid #3498db;
}

html

<button class="secondary-button">次要按鈕</button>

成功訊息:
css

.success-message {
 background-color: #d4edda;
 color: #155724;
 border: 1px solid #c3e6cb;
}

html

<div class="success-message">✅ 操作成功完成！</div>

警告訊息:
css

.warning-message {
 background-color: #fff3cd;
 color: #856404;
 border: 1px solid #ffeaa7;
}

html:

<div class="warning-message">⚠️ 請注意這個警告訊息</div>

錯誤訊息:

.error-message {
 background-color: #f8d7da;
 color: #721c24;
 border: 1px solid #f5c6cb;
}

html

 <div class="error-message">❌ 發生錯誤，請重試</div>