[筆記] HTML 按鈕上用 after 偽元素作對角線

這邊筆記下用偽元素 Psuedo Element 來製作對角線，同時可滿足 RWD ，自動適應元素大小而變。

---

內容

1. transparent calc(50% – 1px) → 表示前半段背景為透明，直到中心線左邊 1px 結束
2. #ccc → 緊接著顯示灰色線條（從 49% 到 51% 這 2% 區間）
3. transparent calc(50% + 1px) → 線條後再次回到透明背景

按讚加入粉絲團

延伸閱讀

• [筆記] AI 寫程式省錢術：從 Token 焦慮到團隊成本治理 – 9
• [筆記] AI 寫程式省錢術：從 Token 焦慮到團隊成本治理 – 8
• [筆記] AI 寫程式省錢術：從 Token 焦慮到團隊成本治理 – 7
• [筆記] AI 寫程式省錢術：從 Token 焦慮到團隊成本治理 – 6
• [筆記] AI 寫程式省錢術：從 Token 焦慮到團隊成本治理 – 5