关于此工具
利用经典的边框技巧生成纯 CSS 三角形——选择方向、大小和颜色，然后复制规则。预览实时更新，一切都在你的浏览器中运行。
常见问题
边框技巧是如何工作的？
一个宽高为零的元素只会显示其边框；把其中三条边框设为透明，剩下的那条带颜色的边框就呈现为三角形。
为什么宽度和高度要设为 0？
没有盒子区域时，各条边框在中心相交，于是那条唯一可见的边框就变成干净的三角形，而不是一条粗边。
100% 浏览器内运行
▲
CSS 三角形生成器
生成任意方向的纯 CSS 三角形并复制 CSS。