線條符號大全 ─ │ ┌ ┐ └ ┘ ├ ┤ | 框線

線條

各種線條符號，如直線、虛線、波浪線等，用於分隔、裝飾或強調內容。

線條與框線：在純文字環境、程式碼註解、BBS 社群與技術文件中，「製表符號（Box-drawing characters）」是從無到有建立視覺結構的硬核建築工。雖然現代網頁多以 CSS 繪製邊框，但在缺乏圖形渲染的環境中，精準的線條排版是展現邏輯與專業度的極佳武器。

類別	主要用途	應用範例
單線 / 雙線 ─、│、═、║	繪製基礎分隔線、技術文件中的表格邊界。	欄位A │ 欄位B
邊角 / 十字 ┌、┐、┼、╬	純文字表格的轉角與交叉點，用於建構封閉區域。	┌───┬───┐ │ 1 │ 2 │ └───┴───┘
樹狀圖結構 ├、└	資料夾結構展示、SEO 網站導覽圖或心智圖文字化。	根目錄 ├─ 資料夾 A └─ 資料夾 B
斜線 / 交叉 ╱、╲、╳	表格斜線表頭、或是特殊的純文字圖案繪製（ASCII Art）。	項目 ╲ 年份
圓角 / 裝飾 ╭、╮、╯、╰	繪製帶有圓角的純文字對話框或柔軟的邊框設計。	╭ 對話內容 ╮

利用樹狀圖展現邏輯，強制綁定等寬字體，並嚴防對無障礙網頁的破壞。

1
結構可視化：善用「樹狀圖」展現技術邏輯 (├─/└─)

在撰寫 WordPress 系統開發文件或 SEO 網站架構規劃時，使用純文字的樹狀結構是工程師與技術人員最習慣的閱讀語言。利用 ├─ 代表平行分支，└─ 代表最後一個節點，能瞬間將抽象的階層關係具象化，降低跨部門溝通的認知成本。
2
視覺防線：強制使用「等寬字體」

這是線條排版最致命的陷阱。製表符號必須在「等寬字體」（如 Courier, Consolas, 或程式碼區塊 <pre><code>）中才能完美對齊。若在一般網頁的比例字體（如 Arial, 微軟正黑體）中使用，線條與直角必定會發生慘不忍睹的斷裂與錯位。
3
SEO 與無障礙防線：避免取代實體 HTML 表格

雖然用這些符號畫出表格（如 ┌─┬─┐）看起來很復古有趣，但在現代網頁設計中請絕對避免。搜尋引擎爬蟲與視障人士使用的「螢幕閱讀器（Screen Reader）」無法理解這些符號構成的幾何圖形，只會將其唸成一堆無意義的亂碼。真正的數據表格，請務必交還給 HTML 的 <table> 標籤。

涵蓋日常溝通中常見的特殊符號，如問號、勾號、叉號、星號等。

滑鼠移到符號上，點擊右上角的星星⭐即可收藏或取消！

您尚未收藏任何符號。滑鼠移到符號上，點擊右上角的 ⭐ 即可加入收藏！