CSS 形状生成

可视化通过 Border 属性生成 CSS 几何形状

构造器

选择方向与尺寸，实时生成 CSS 三角形代码

方向

宽度: 100px

高度: 100px

颜色

实时预览

CSS Output

width: 0;
height: 0;
border-style: solid;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid #3b82f6;