如何创建：便签

学习如何使用 CSS 创建“便签”。

便签

便签可以用来通知用户一些特殊的事情：危险、成功、信息或警告等。

危险！一些文本...

成功！一些文本...

信息！一些文本...

警告！一些文本...

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

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