Как сделать - Метки
Узнать, как стилизовать метки с помощью CSS.
УспехИнформацияПредупреждениеОпасностьДругой
Создать метки
Шаг 1) Добавить 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>Шаг 2) Добавить CSS:
Пример
.label {
color: white;
padding: 8px;
}
.success {background-color: #4CAF50;} /* Зеленый */
.info {background-color: #2196F3;} /* Синий */
.warning {background-color: #ff9800;} /* Оранжевый */
.danger {background-color: #f44336;} /* Красный */
.other {background-color: #e7e7e7; color: black;} /* Серый */ Редактор кода »