作成方法：便箋

CSSで「便箋」を作成する方法を学びます。

便箋

便箋はユーザーに特別な事項（危険、成功、情報、警告など）を通知するために使用できます。

危険！いくつかのテキスト...

成功！いくつかのテキスト...

情報！いくつかのテキスト...

警告！いくつかのテキスト...

<div class="danger">
  <p><strong>危険！</strong> いくつかのテキスト...</p>
</div>

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