1.实现原理及过程:我们设置一个正方形盒子,给它一个宽高,并且也给它一个边框,然后我们相应的增加边框的宽度下面我们看看会发生什么:
我们可以发现在盒子的边框增大的时候,盒子的边框连接是一条斜线,而且是往里面挤压,越像一条对角线,
这时候我们把盒子的宽高设置为0,看看会发生什么:
我们会发现 边框之间是以对角线的方式连接了起来,并且是4个等份的三角形,但是我们只是需要一个三角形
这时候我们可以给其中的3个三角形去掉,怎么去掉呢?很简单可以给其中3个边框背景色设置为透明即可 如下代码效果图:
transparent:透明的