如何創建：便簽

學習如何使用 CSS 創建“便簽”。

便簽

便簽可以用來通知用戶一些特殊的事情：危險、成功、信息或警告等。

危險！一些文本...

成功！一些文本...

信息！一些文本...

警告！一些文本...

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

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