Cách tạo: Huy hiệu

Học cách sử dụng CSS để tạo huy hiệu.

Huy hiệu có thể được sử dụng để thêm thông tin bổ sung cho phần tử/nội dung:

Đầu đề ví dụ New

Đầu đề ví dụ New

Đầu đề ví dụ New

Đầu đề ví dụ New

Thử ngay

Cách tạo huy hiệu

Bước 1 - Thêm HTML:

<span class="badge">New</span>

Bước 2 - Thêm CSS:

.badge {
  màu nền: đỏ;
  màu: trắng;
  padding: 4px 8px;
  text-align: center;
  border-radius: 5px;
}

Thử ngay