一个小组件

有时我需要一个“提示块”，但不想它像警告一样喧哗，于是做了一个很淡的样式。

<div class="note">
  <strong>提示：</strong> 这是一个轻量提示块。
</div>

.note {
  margin: 20px 0;
  padding: 12px 16px;
  border: 1px solid #e2e0d9;
  background: #fbfaf7;
  color: #3b3b3b;
}

.note strong {
  font-weight: 600;
}

重点不是让它“更显眼”，而是让它“恰好可见”。