Как создать: этикетка

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

Успех Информация Предупреждение Опасность Другое

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

Как настроить стиль этикетки

第一步 - Добавление HTML：

<span class="label success">Успех</span>
<span class="label info">Информация</span>
<span class="label warning">Предупреждение</span>
<span class="label danger">Опасность</span>
<span class="label other">Другое</span>

第二步 - Добавление CSS：

.label {
  color: white;
  padding: 8px;
}
.success {background-color: #04AA6D;} /* зеленый */
.info {background-color: #2196F3;} /* синий */
.warning {background-color: #ff9800;} /* оранжевый */
.danger {background-color: #f44336;} /* красный */
.other {background-color: #e7e7e7; color: black;} /* серый */

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