:::

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>

 


:::

搜尋

QR Code 區塊

https%3A%2F%2Fwww.tad0616.net%2Fmodules%2Ftad_book3%2Fpage.php%3Ftbsn%3D29%26tbdsn%3D838

書籍目錄

展開 | 闔起

線上使用者

86人線上 (24人在瀏覽線上書籍)

會員: 0

訪客: 86

更多…