6. UI元件 UI Elements

段落訊息

• 在class中加入important或success，會套用定義好的顏色到文字上（無框）。
• 在class中加上message，會把顏色套用到底色，文字變白，並加上圓角矩形框。

<p class="important message">重要訊息</p>
<p class="success message">成功訊息</p>

CallOut盒子

• 在class中加上callout即可。
• 若不指定顏色，預設為藍色底色，文字變白，並加上圓角矩形框。

<div class="success callout">
  <h3>Callout 盒子</h3>
  <p>適合一小篇文章。用法和訊息一樣，只是套用的 class 將 message 改為 callout 而已。</p>
</div>