像这样的带边框div的一定要计算很精准：
总宽度＝div宽度+左边框宽度+右边框宽度（只要有边框的div都要计算边框的宽度）
上图中CSS并没有指定边框是多宽的，建议也指定定义好的宽度数值，再计算一下整体宽度是多少，这样应该就可以将边框重合了。
如果还不能重合，建议将完整代码截图发来。
用绝对定位，符负值；.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>
这位网友你好，三角形边框只是利用了一个元素的边框，元素本身宽高都为0，把边框颜色设置为透明色，然后需要的一边设置为自己想要的颜色即可。
div{border:20px solid transparent
border-left-color:#ff0000
}
例如上面就是一个向右的三角形。当然你可以可以利用左边框和下边框拼成一个大三角形，其他都类似。
