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