用步步深入並結合動畫的的方式演示了 CSS 繪製三角形的原理，具體幻燈片見以下鏈接：
http://exp.xiaogd.net/demo/css/css-border/cbt_slide.html（舊版，不推薦）
http://exp.xiaogd.net/demo/css/css-border/v2/cbt_slide.html（V2 版）
http://exp.xiaogd.net/demo/css/css-border/v3/cbt_slide.html（V3 版）http://exp.xiaogd.net/demo/css/css-border/v4/cbt_slide.html（V4 版）
tip：只支持現代瀏覽器（不支持手機瀏覽器，V2 版支持，但部分效果仍不佳，不推薦用手機瀏覽），最好是 chrome。使用空格或箭頭鍵來導航（V2 版增加了一些導航按鈕等），可以使用全屏方式觀看（在 chrome 等瀏覽器中，快捷鍵一般爲 F11）。
V3 版主要細化了一些子步驟。（但某些子步驟不再支持回退，需重新刷新。）
V4 版修復了回退等問題。