使用css3僞元素制作時間軸并且實作滑鼠選中高亮效果

利用css3來制作時間軸的知識要點：僞元素，以及如何在僞元素上添加錨僞類

1）::before 在元素之前添加内容。

2）::after 在元素之後添加内容。

提示：亦可寫成 :before :after CSS3将僞對象選擇符前面的單個冒号(:)修改為雙冒号(::)用以差別僞類選擇符，但以前的寫法仍然有效。

代碼分析：右邊那條黑色豎線，可以看成是右邊框、也可以用僞元素after或者before實作，是以方法有很多，下面的隻作為一種參考，或許你有更好的寫法

使用方法：

html代碼：

主要CSS代碼：