伪元素

需要一个伪元素

::before {

 content: '';

}

有了这个可以控制这个伪元素，进行下面的一系列操作了。

before与after的用法总结

before定位的基准是其主元素的右上角，

after定位的基准是主元素的结尾处。

当主元素没有内容时before与after仍会正常工作，属性为inline元素，

若需要设置高宽度等属性需要display：block;。