如何创建：便签

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

便签

一些文本...

一些文本...

一些文本...

警告！一些文本...

Try it yourself

如何创建便签

第一步 - 添加 HTML：

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

第二步 - 添加 CSS：

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

Try it yourself

Related pages

Tutorial:How to create warning message