采用的是相邻边框连接处的均分原理。将元素的宽高设为0，只设置border，把任意三条边隐藏掉（颜色设为transparent），剩下的就是一个三角形。
<style> div{ 0; height: 0; border: 20px solid transparent; border-left-color: red; } </style> <body> <div></div> </body>