Отображение предупреждений
Опасность!
Красный часто указывает на опасные или потенциально негативное действие.
Предупреждение!
Желтый и оранжевый часто указывает на предупреждение, что, возможно, нуждаются во внимании.
Успех!
Зеленый часто указывает на успешное или положительное действие.
Информация!
Синий часто указывает на нейтральную информативный изменение или действие.
Окно с предупреждением просто w3-контейнер с цветом:
пример
<div class="w3-container w3-red">
<h3>Danger!</h3>
<p>Red often
indicates a dangerous or potentially negative action.</p>
</div>
Попробуй сам " W3.CSS Цвета
Предупреждения часто отображаются с сильным цветом, но любой цвет может быть использован:
Опасность!
Красный часто указывает на опасные или потенциально негативное действие.
Предупреждение!
Желтый часто указывает на предупреждение, что, возможно, нуждаются во внимании.
Успех!
Зеленый часто указывает на что-то успешное или положительный результат.
Опасность!
Предупреждение!
Успех!
Оповещения Закрытие
Чтобы закрыть эти контейнеры, нажмите на X в правом верхнем углу:
Опасность!
Красный часто указывает на опасные или потенциально негативное действие.
Предупреждение!
Желтый часто указывает на предупреждение, что, возможно, нуждаются во внимании.
Успех!
Зеленый часто указывает на успешное или положительное действие.
Закрытие предупреждение может быть сделано с помощью события OnClick на W3-closebtn:
пример
<span onclick="this.parentElement.style.display='none'"
class="w3-closebtn">×</span>
Попробуй сам " Округлые Alerts
Используйте w3-круглые классы , если вы хотите закругленные углы:
w3 круглый
w3 круглый большой
w3 круглый-XXLarge
Оповещение в качестве карты
W3-карта-8