先看一下代码
先设一个div
然后css设置
成果图
代码解析如下
一 div宽高为0————将盒子里内容消失,只剩盒子边框
二 分别给边框东南西北设置厚度,哪个方向需要显示就写颜色,其他写透明
像等边三角形也就相当于30x40的盒子切出来的
也就是左右30px,上下40px
然后设置颜色就可以
最后用定位改变三角形位置可达成效果
看不太懂的可以去看我这篇
更通俗易懂
先看一下代码
先设一个div
然后css设置
成果图
代码解析如下
一 div宽高为0————将盒子里内容消失,只剩盒子边框
二 分别给边框东南西北设置厚度,哪个方向需要显示就写颜色,其他写透明
像等边三角形也就相当于30x40的盒子切出来的
也就是左右30px,上下40px
然后设置颜色就可以
最后用定位改变三角形位置可达成效果
看不太懂的可以去看我这篇
更通俗易懂