Как создать: значок

Узнайте, как использовать CSS для создания значков.

Значки можно использовать для добавления дополнительной информации к элементам/содержимому:

Пример заголовка New

Пример заголовка New

Пример заголовка New

Пример заголовка New

Попробуйте сами

Как создать значок

Первый шаг - Добавление HTML:

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

Второй шаг - Добавление CSS:

.badge {
  background-color: red;
  color: white;
  padding: 4px 8px;
  text-align: center;
  border-radius: 5px;
{}

Попробуйте сами