アラートを表示します
×
危険！
レッドは、多くの場合、危険または潜在的に負の作用を示しています。
×
警告！
黄色とオレンジ色は、多くの場合、注意が必要な場合があります警告を示しています。
×
成功！
グリーンは、多くの場合、成功したか、積極的な行動を示しています。
×
情報！
ブルーは、多くの場合、中性有益な変更またはアクションを示しています。
警告ボックスは、色でちょうど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をクリックしてください：
×
危険！
レッドは、多くの場合、危険または潜在的に負の作用を示しています。
×
警告！
黄色は、多くの場合、注意が必要な場合があります警告を示しています。
×
成功！
グリーンは、多くの場合、成功したか、積極的な行動を示しています。
アラートを閉じると、W3-はcloseBtn上のonclickイベントを使用して行うことができます。
例
<span onclick="this.parentElement.style.display='none'"
class="w3-closebtn">×</span> »それを自分で試してみてください 丸みを帯びたアラート
あなたは角を丸くしたい場合はW3ラウンドのクラスを使用します。
W3-ラウンド
W3-ラウンド大
W3-ラウンドxxlarge
カードとして警告
W3-カード-8