如何 - 標籤
瞭解如何使用 CSS 設定標籤樣式。
成功 資訊 警告 危險 其他
如何設定標籤樣式
步驟 1) 新增 HTML
示例
<span class="label success">成功</span>
<span class="label info">資訊</span>
<span class="label warning">警告</span>
<span class="label danger">危險</span>
<span class="label other">其他</span>
步驟 2) 新增 CSS
示例
.label {
color: white;
padding: 8px;
}
.success {background-color: #04AA6D;} /* 綠色 */
.info {background-color: #2196F3;} /* 藍色 */
.warning {background-color: #ff9800;} /* 橙色 */
.danger {background-color: #f44336;} /* 紅色 */
.other {background-color: #e7e7e7; color: black;} /* 灰色 */
自己動手試一試 »
