站长博客：https://www.pipipi.net/如何使用CSS3绘制三角形常常让人很迷惑。其实原理就是等宽的边45度相连。先看第一张图，正常。如果我们此时将topmargin设置为none，就会出现如下情况。然后设置contentwidth为0再设置contentheight为0。这时候，很容易以为把左右边距颜色设置为透明就是一般的流程。总结一下，如果我想到一个三角形，比如说它的方向是向左的，那么就把相反的颜色设置成不透明就行了。并将另外两个方向设置为透明。代码如下：.right{width:0;高度：0；border-top:20pxsolidtransparent;border-bottom:20px实心透明；左边框：20px纯粉色；}.top{宽度：0;高度：0；左边框：20px实心透明；border-right:20pxsolidtransparent;border-bottom:20px纯粉色；}.left{宽度：0;高度：0；border-right：20px纯粉色；border-top:20px实心透明；border-bottom:20pxsolidtransparent}.bottom{width:0;高度：0；border-top：20px纯粉色；左边框：20px实心透明；border-right:20pxsolidtransparent;}实际效果如图
