ບວກວ່າແນະນຳການກໍ່ສ້າງ: ອີເລັກຊະຍາບັນ

ບວກວ່າແນະນຳການການຈັດວັດຖຸແບບອີເລັກຊະຍາບັນ

ບາງຄັ້ງ 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 {ສະແດງສີ: #04AA6D;} /* ສີສີບ */
.info {ສະແດງສີ: #2196F3;} /* ສີສີບ */
.warning {ສະແດງສີ: #ff9800;} /* ສີສີບ */
.danger {ສະແດງສີ: #f44336;} /* ສີຂີ້ */
.other {ສະແດງສີ: #e7e7e7; ສີ: ສີສີບ;} /* ສີຂີ້ */

亲自试一试