最新的Web开发教程
 

W3.CSS警报


显示警报

×

危险!

红色常常表示危险或潜在的负面作用。

×

警告!

黄色和橙色往往预示着可能需要注意的警告。

×

成功!

绿色常表示成功或积极的行动。

×

信息!

蓝经常表示中立的信息进行变更或执行。

一个警告框仅仅是一个带有颜色的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">&times;</span>
试一试»

圆角警报

如果你想圆角使用W3轮类:

W3轮

W3-圆大

W3-圆xxlarge

<div class="w3-container w3-green w3-round">
试一试»

警报作为卡

W3卡-8

<div class="w3-container w3-red w3-card-8">
试一试»