W3.CSS Alerts (警報(bào))

<div class="w3-panel w3-red">

  <h3>危險(xiǎn)！</h3>

  <p>紅色通常表示危險(xiǎn)或負(fù)面情況。</p>

</div> 

<div class="w3-panel w3-yellow">

  <h3>警告！</h3>

  <p>黃色通常表示可能需要注意的警告。</p>

</div> 

<div class="w3-panel w3-green">

  <h3>成功！</h3>

  <p>綠色常表示成功或積極。</p>

</div> 

<div class="w3-panel w3-blue">

  <h3>信息！</h3>

  <p>藍(lán)色通常表示中性的信息變化或行動(dòng)。</p>

</div> 

<div class="w3-container w3-red">

  <h3>危險(xiǎn)！</h3>

  <p>紅色通常表示危險(xiǎn)或負(fù)面情況。</p>

</div> 

<div class="w3-panel w3-blue-grey">

  <h3>危險(xiǎn)！</h3>

  <p>紅色通常表示危險(xiǎn)或負(fù)面情況。</p>

</div> 

<span onclick="this.parentElement.style.display='none'"

class="w3-button w3-display-topright">×</span>

<div class="w3-panel w3-green w3-round">

<div class="w3-panel w3-yellow w3-card-4">