Cách tạo: nhãn

Học cách sử dụng CSS để thiết lập phong cách nhãn.

Thành công Thông tin Cảnh báo Nguy hiểm Khác

Thử ngay

Cách thiết lập phong cách nhãn

Bước 1 - Thêm HTML:

<span class="label success">Thành công</span>
<span class="label info">Thông tin</span>
<span class="label warning">Cảnh báo</span>
<span class="label danger">Nguy hiểm</span>
<span class="label other">Khác</span>

Bước 2 - Thêm CSS:

.label {
  màu chữ: trắng;
  padding: 8px;
}
.success {màu nền: #04AA6D;} /* màu xanh lá cây */
.info {màu nền: #2196F3;} /* màu xanh dương */
.warning {màu nền: #ff9800;} /* màu cam */
.danger {màu nền: #f44336;} /* màu đỏ */
.other {màu nền: #e7e7e7; màu chữ: đen;} /* màu xám */

Thử ngay