css怎么做出三角形边框

Question

如图，不是实心的三角，而是两条框的三角

问答社区▲禁止灌水，灌水内容请到灌水乐园社区发布！

Answer 1

这种吗？用伪类加个白框挡住下面的

<div class="triangle"></div>

<style>
 .triangle {
     width:0px;
        height:0px;
        border: 100px solid transparent;
        border-bottom-color: #0082df;
        position: relative;
}
.triangle::after{
  content: "";
  position: absolute;
  right:-100px;
  top:-80px;
  width:0px;
  height:0px;
  border:100px solid transparent;
  border-bottom-color: #fff ;
  z-index: 2;
}
</style>