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

第一类:清除浮动(清除浮动我理解的是,你的代码块不影响其他代码块)。

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

第二类:实现before+图片

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

第三类:before+竖线

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

第四类:brfore+横线

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

第五类:after+三角形

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

第六类:before+实心三角

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

第七类:after+浮层

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

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

05-11 09:22