章節連結
這邊筆記下用偽元素 Psuedo Element 來製作對角線,同時可滿足 RWD ,自動適應元素大小而變。
內容
1. transparent calc(50% – 1px) → 表示前半段背景為透明,直到中心線左邊 1px 結束
2. #ccc → 緊接著顯示灰色線條(從 49% 到 51% 這 2% 區間)
3. transparent calc(50% + 1px) → 線條後再次回到透明背景
點數旅行 留學 信用卡 程式學習
這邊筆記下用偽元素 Psuedo Element 來製作對角線,同時可滿足 RWD ,自動適應元素大小而變。
1. transparent calc(50% – 1px) → 表示前半段背景為透明,直到中心線左邊 1px 結束
2. #ccc → 緊接著顯示灰色線條(從 49% 到 51% 這 2% 區間)
3. transparent calc(50% + 1px) → 線條後再次回到透明背景