显示警报
×
危险!
红色常常表示危险或潜在的负面作用。
×
警告!
黄色和橙色往往预示着可能需要注意的警告。
×
成功!
绿色常表示成功或积极的行动。
×
信息!
蓝经常表示中立的信息进行变更或执行。
一个警告框仅仅是一个带有颜色的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事件来完成:
圆角警报
如果你想圆角使用W3轮类:
W3轮
W3-圆大
W3-圆xxlarge
警报作为卡
W3卡-8