แสดงการแจ้งเตือน
อันตราย!
สีแดงมักจะบ่งชี้ว่ามีการกระทำที่เป็นอันตรายหรือเชิงลบ
คำเตือน!
สีเหลืองและสีส้มมักจะแสดงให้เห็นคำเตือนว่าอาจจำเป็นต้องให้ความสนใจ
ความสำเร็จ!
สีเขียวมักจะแสดงให้เห็นการดำเนินการที่ประสบความสำเร็จหรือบวก
ข้อมูล!
สีฟ้ามักจะแสดงให้เห็นการเปลี่ยนแปลงข้อมูลที่เป็นกลางหรือการกระทำ
ช่องการแจ้งเตือนเป็นเพียง W3-Container ด้วยสี:
ตัวอย่าง
<div class="w3-container w3-red">
<h3>Danger!</h3>
<p>Red often
indicates a dangerous or potentially negative action.</p>
</div> ลองตัวเอง» สี W3.CSS
การแจ้งเตือนจะแสดงมักจะมีสีที่แข็งแกร่ง แต่สีใด ๆ สามารถนำมาใช้:
อันตราย!
สีแดงมักจะบ่งชี้ว่ามีการกระทำที่เป็นอันตรายหรือเชิงลบ
คำเตือน!
สีเหลืองมักจะแสดงให้เห็นคำเตือนว่าอาจจำเป็นต้องให้ความสนใจ
ความสำเร็จ!
สีเขียวมักจะแสดงให้เห็นบางสิ่งบางอย่างที่ประสบความสำเร็จหรือบวก
อันตราย!
คำเตือน!
ความสำเร็จ!
การแจ้งเตือนการปิดบัญชี
เพื่อปิดภาชนะเหล่านี้ให้คลิกที่ X ที่มุมขวาบน:
อันตราย!
สีแดงมักจะบ่งชี้ว่ามีการกระทำที่เป็นอันตรายหรือเชิงลบ
คำเตือน!
สีเหลืองมักจะแสดงให้เห็นคำเตือนว่าอาจจำเป็นต้องให้ความสนใจ
ความสำเร็จ!
สีเขียวมักจะแสดงให้เห็นการดำเนินการที่ประสบความสำเร็จหรือบวก
ปิดการแจ้งเตือนสามารถทำได้โดยใช้เหตุการณ์ onclick บน W3-closebtn:
ตัวอย่าง
<span onclick="this.parentElement.style.display='none'"
class="w3-closebtn">×</span> ลองตัวเอง» การแจ้งเตือนโค้งมน
ใช้เรียน W3 รอบถ้าคุณต้องการมุมโค้งมน:
W3 รอบ
W3 รอบขนาดใหญ่
W3 รอบ xxlarge
การแจ้งเตือนเป็นบัตร
W3 บัตร-8