通过伪元素选择器设置边框（添加图标、文字）

例如在一个高300px，宽100px的div下要设置一个宽200px的边框可以不用在外边写一个大的div而之间通过伪元素来实现。/也可以设置一个有大小的div设置background-color实现同样的效果

可以使用before（元素前）、after（元素后）

div::before{

content:" ";

width:200px;

height:0;

border-bottom:2px black solid;

position:absolute;

top:300px;

left:300px;

}

同样的方法可以设置图标字体和添加文字等等添加文字只需要在content中添加文字即可，图标字体我整理在另一篇博客中。