CSS 三角形生成器

立即生成纯 CSS 三角形。非常适合制作提示框（Tooltip）、聊天气泡和方向箭头。

视觉预览

三角形设置

三角形方向

宽度 (Width) (px)100px

高度 (Height) (px)100px

三角形颜色

生成的 CSS 代码

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

Tools.CssTriangle.guide.title

Tools.CssTriangle.guide.description

Tools.CssTriangle.guide.guide_1_title

Tools.CssTriangle.guide.guide_1_desc

Tools.CssTriangle.guide.guide_2_title

Tools.CssTriangle.guide.guide_2_desc

Tools.CssTriangle.guide.guide_3_title

Tools.CssTriangle.guide.guide_3_desc