Cách tạo: ghi chú

Học cách sử dụng CSS để tạo "ghi chú".

Ghi chú

Ghi chú có thể được sử dụng để thông báo cho người dùng về một số vấn đề đặc biệt: nguy hiểm, thành công, thông báo hoặc cảnh báo...

Nguy hiểm!Một số văn bản...

Thành công!Một số văn bản...

Thông báo!Một số văn bản...

Cảnh báo!Một số văn bản...

Thử ngay

Cách tạo ghi chú

Bước 1 - Thêm HTML:

<div class="danger">
  <p><strong>ĐANGER!</strong> Một số văn bản...</p>
</div>

Bước 2 - Thêm CSS:

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

Thử ngay

Trang liên quan

Hướng dẫn:Cách tạo thông báo cảnh báo