css中如何使用::before和::after

：：before

        在元素前面添加样式

：：after

        在元素后边添加样式

使用content属性，可以定制样式。

如何添加一道竖线

        设置边框，高度， 样式设为空（content："  "）再加上自己需要的一些属性即可完成。

 

例子：

html:

<div class="zc"><a href=""> <span>支持</span></a></div>



css:
.zc::before{
    border-left: 2px solid #000;
    height: 24px;
    content: " ";
    margin-left: 7px;
    position: absolute;
    top: 15px;

}

效果：