那些神奇的before和after使用方法

在英文单词里面：before是在什么之前。after是在什么之后。诚然，在我们的css里面，
通过使用before和after伪类元素，可以在我们想要的元素前面或者后面插入内容。
下面是使用before和after伪类元素实现的几种效果。

第一类：清除浮动（清除浮动我理解的是，你的代码块不影响其他代码块）。

第二类：实现before+图片

第三类：before+竖线

第四类：brfore+横线

第五类：after+三角形

第六类：before+实心三角

第七类：after+浮层