如何创建:便签

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

便签

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

危险!一些文本...

成功!一些文本...

信息!一些文本...

警告!一些文本...

亲自试一试

如何创建便签

第一步 - 添加 HTML:

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

第二步 - 添加 CSS:

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

亲自试一试

相关页面

教程:如何创建警告消息