Как сделать - Примечания
Узнайте, как создавать «заметки» с помощью CSS.
Примечания
Заметки могут использоваться для уведомления пользователя о чем-то особенном: опасности, успехе, информации или предупреждении.
Опасность! Какой-то текст...
Успех! Какой-то текст...
Информация! Какой-то текст...
Предупреждение! Какой-то текст...
Как создавать заметки
Шаг 1) Добавьте HTML:
Пример
<div class="danger">
<p><strong>Danger!</strong> Some text...</p>
</div>
Шаг 2) Добавьте CSS:
Пример
.danger {
background-color: #ffdddd;
border-left:
6px solid #f44336;
}
Совет. Также ознакомьтесь с Оповещениями .