如图我们可以看到,border是由三角形组合而成的
上面的代码效果如下
而我们只需要更改div标签的宽高为0 就可以实现如下效果
效果如下
上图我们可以看到,有四个三角形,接下来只需要隐藏其他三个三角形就ok了
效果如下
如果需要不同方向的三角形,直接不同方向的边框颜色就行了,比如border-top-color
效果如图
其他情况同理
如图我们可以看到,border是由三角形组合而成的
上面的代码效果如下
而我们只需要更改div标签的宽高为0 就可以实现如下效果
效果如下
上图我们可以看到,有四个三角形,接下来只需要隐藏其他三个三角形就ok了
效果如下
如果需要不同方向的三角形,直接不同方向的边框颜色就行了,比如border-top-color
效果如图
其他情况同理