How TO - หมายเหตุ
เรียนรู้วิธีสร้าง "บันทึกย่อ" ด้วย 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;
}
เคล็ดลับ:ตรวจสอบการแจ้งเตือนด้วย