w3css 在线编辑器 | w3css代码测试

<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.cainiaomax.com/w3css/4/w3.css">
<body>
<div class="w3-container">

<h2>关闭警报</h2>
<p>要关闭警报，请单击右上角的 X：</p>

<div class="w3-panel w3-red w3-display-container">
  <span onclick="this.parentElement.style.display='none'"
  class="w3-button w3-large w3-display-topright">&times;</span>
  <h3>危险！</h3>
  <p>红色通常表示危险或消极的情况。</p>
</div>

<div class="w3-panel w3-yellow w3-display-container">
  <span onclick="this.parentElement.style.display='none'"
  class="w3-button w3-large w3-display-topright">&times;</span>
  <h3>警告！</h3>
  <p>Yellow often 指示可能需要注意的警告。</p>
</div>

<div class="w3-panel w3-green w3-display-container">
  <span onclick="this.parentElement.style.display='none'"
  class="w3-button w3-large w3-display-topright">&times;</span>
  <h3>成功！</h3>
  <p>绿色通常表示成功或积极。</p>
</div>

<div class="w3-panel w3-blue w3-display-container">
  <span onclick="this.parentElement.style.display='none'"
  class="w3-button w3-large w3-display-topright">&times;</span>
  <h3>信息！</h3>
  <p>蓝色通常表示中性信息更改或操作。</p>
</div>

</div>
</body>
</html>

报个问题: