傾倒與下墜?示意圖
▲ 請替換為您的圖片 — 傾倒與下墜?示意圖

大標題範例(H2):什麼是傾倒與下墜??

這是一段正文示範。您可以在此撰寫關於傾倒與下墜?的詳細說明文字。正文使用 <p> 標籤,粗體字使用 <strong> 標籤,斜體字使用 <em> 標籤。

如需在文中插入關鍵字標記,可使用 <span class="keyword"> 樣式。若要使用強調色文字,請套用 <span class="text-accent">。需要底線裝飾時,使用 <span class="text-underline">

中標題範例(H3):常見的適應症

這段文字展示中標題的用法。中標題適合用於一個大章節底下的子章節。左側會帶有一條強調色豎線。以下是無序列表的範例:

小標題範例(H4):治療步驟細節

小標題適合用於更細分的段落。以下是有序列表的範例:

  1. 第一步驟:術前評估與治療計畫擬定
  2. 第二步驟:進行主要治療操作
  3. 第三步驟:術後追蹤與衛教指導

引用區塊範例(Blockquote)

這是一段引用文字的範例。可用於強調重要的臨床觀念、研究引述、或是給患者的重點提醒。引用區塊會有左側強調線與淡色背景。

設計感圖片範例(含解說文字 overlay,類似附圖 2 樣式)

以下是帶有解說文字 overlay 的圖片範例。圖片為圓角矩形設計,下方有一個半透明的黑色解說條。註:如果不需要此解說文字,只需在 HTML 中將整個 <div class="image-caption-overlay">...</div> 刪除即可,圖片會自動回復為一般無解說文字的樣貌。

範例圖片
解說文字:這是 傾倒與下墜? 範例圖片解說區

設計感圖片範例(已刪除解說文字,回復一般圖片樣式)

以下圖片不含解說文字。這是刪除 <div class="image-caption-overlay"> 後的純圖片呈現效果。

範例圖片

提示框範例

💡 小提示:這是一個綠色的「提示」框,適合放置對患者有益的小知識或衛教建議。
⚠️ 注意事項:這是一個橘色的「警告」框,適合放置治療注意事項或術後照護提醒。
📋 備註:這是一個藍色的「備註」框,適合放置補充說明或學術引註。

表格範例

以下是表格的格式範例,適合用於比較不同治療方案。

比較項目 方案 A 方案 B
治療時間 約 30 分鐘 約 60 分鐘
耐用年限 5–8 年 10–15 年
費用範圍 中等 較高