CSS 偽元素 before/after
source code:
提供兩個範例，其實before, after就如同字面上的意思，會在前後加上內容。
範例1簡單的在前後加上文字，如下所示，需特別注意，是在div內的範例1前後加上文字。 before/after除了可以加上文字以外，還可以作為裝飾效果。如範例2，利用position調整偽元素位置，呈現在title底下加上底線的效果，可以發現，這個底線並沒有增加任何html就能夠透過css產生出來，這也是為何它會被稱為偽元素的原因。
結果:
在div ex2 active改變title底下線條背景:
本筆記參考:
1. https://mocationer.com/before-after-css/
分享至
成為作者繼續創作的動力吧！
