ฝากลิ่นประกาศ: ฝากลิ่นประกาศ

เรียนรู้วิธีการใช้ CSS สร้าง “ตะกร้าประกาศ”

ตะกร้าประกาศ

ตะกร้าประกาศสามารถใช้เพื่อแจ้งให้ผู้ใช้รู้เห็นเหตุการณ์พิเศษ: อันตราย, ประสบความสำเร็จ, ข้อมูล หรือ คำเตือน และอื่น ๆ。

อันตราย！ข้อความบางส่วน...

ประสบความสำเร็จ！ข้อความบางส่วน...

ข้อความข้อมูล！ข้อความบางส่วน...

คำเตือน！ข้อความบางส่วน...

亲自试一试

ฝากลิ่นประกาศ

ขั้นที่ 1 - เพิ่ม HTML：

<div class="danger">
  <p><strong>Danger!</strong> Some text...</p>
</div>

ขั้นที่ 2 - เพิ่ม CSS：

.danger {
  background-color: #ffdddd;
  border-left: 6px solid #f44336;
}

亲自试一试

相关页面

教程：如何创建警告消息