这位网友你好，三角形边框只是利用了一个元素的边框，元素本身宽高都为0，把边框颜色设置为透明色，然后需要的一边设置为自己想要的颜色即可。
div{border:20px solid transparent
border-left-color:#ff0000
}
例如上面就是一个向右的三角形。当然你可以可以利用左边框和下边框拼成一个大三角形，其他都类似。
用绝对定位，符负值；.tab {
border:4px solid #666
width:100px
height:100px
position:relative
}
.tab2 {
position:absolute
left:-4px
top:-4px
border:4px solid #00F
width:60px
height:60px
}
<div class="tab">
<div class="tab2" id="tab"></div>
</div>
