标签

---

了解如何使用 CSS 设置标签样式。

---

Success Info Warning Danger Other

---

如何设置标签样式

步骤 1) 添加 HTML:

实例

<span class="label success">Success</span>
<span class="label info">Info</span>
<span class="label warning">Warning</span>
<span class="label danger">Danger</span>
<span class="label other">Other</span>

---

步骤 2) 添加 CSS:

实例

.label {
  color: white;
  padding: 8px;
}

.success {background-color: #4CAF50;} /* Green */
.info {background-color: #2196F3;} /* Blue */
.warning {background-color: #ff9800;} /* Orange */
.danger {background-color: #f44336;} /* Red */
.other {background-color: #e7e7e7; color: black;} /* Gray */ 亲自试一试 »