css四角边框

实际效果图如下。

 

 

实现方式：伪元素::before ::after+定位+border

伪元素 ::before ::after 可以在元素内容之前和之后插入一些内容。所以我们可以利用这两个伪元素在两角添加边框。根据这个思路，我们可以再在该元素子元素中利用伪元素和定位再在下两个边角添加边框。

代码如下：