線上書籍

段落訊息

• 在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>