大標題範例(H2):什麼是健保根管治療?
這是一段正文示範。您可以在此撰寫關於健保根管治療的詳細說明文字。正文使用 <p> 標籤,粗體字使用 <strong> 標籤,斜體字使用 <em> 標籤。
如需在文中插入關鍵字標記,可使用 <span class="keyword"> 樣式。若要使用強調色文字,請套用 <span class="text-accent">。需要底線裝飾時,使用 <span class="text-underline">。
中標題範例(H3):常見的適應症
這段文字展示中標題的用法。中標題適合用於一個大章節底下的子章節。左側會帶有一條強調色豎線。以下是無序列表的範例:
- 第一個項目說明:列表項目會自動帶有圓點標記
- 第二個項目說明:可以描述臨床適應症或治療步驟
- 第三個項目說明:列表有助於條列式的清楚呈現
小標題範例(H4):治療步驟細節
小標題適合用於更細分的段落。以下是有序列表的範例:
- 第一步驟:術前評估與治療計畫擬定
- 第二步驟:進行主要治療操作
- 第三步驟:術後追蹤與衛教指導
引用區塊範例(Blockquote)
這是一段引用文字的範例。可用於強調重要的臨床觀念、研究引述、或是給患者的重點提醒。引用區塊會有左側強調線與淡色背景。
設計感圖片範例(含解說文字 overlay,類似附圖 2 樣式)
以下是帶有解說文字 overlay 的圖片範例。圖片為圓角矩形設計,下方有一個半透明的黑色解說條。註:如果不需要此解說文字,只需在 HTML 中將整個 <div class="image-caption-overlay">...</div> 刪除即可,圖片會自動回復為一般無解說文字的樣貌。
設計感圖片範例(已刪除解說文字,回復一般圖片樣式)
以下圖片不含解說文字。這是刪除 <div class="image-caption-overlay"> 後的純圖片呈現效果。
提示框範例
💡 小提示:這是一個綠色的「提示」框,適合放置對患者有益的小知識或衛教建議。
⚠️ 注意事項:這是一個橘色的「警告」框,適合放置治療注意事項或術後照護提醒。
📋 備註:這是一個藍色的「備註」框,適合放置補充說明或學術引註。
表格範例
以下是表格的格式範例,適合用於比較不同治療方案。
| 比較項目 | 方案 A | 方案 B |
|---|---|---|
| 治療時間 | 約 30 分鐘 | 約 60 分鐘 |
| 耐用年限 | 5–8 年 | 10–15 年 |
| 費用範圍 | 中等 | 較高 |