📐 CSS 三角形生成器

可视化生成 CSS 三角形：选择方向/大小/颜色，实时预览，一键复制 CSS 代码。前端开发者常用工具。

方向

▲ ▼ ◀ ▶

颜色

宽度 50px

高度 80px

📘 使用说明

选择三角形方向（上下左右）
调节宽度和高度
设置颜色
一键复制 CSS 代码

❓ 常见问题

Q: 原理是什么？

A: 利用 CSS border 属性的透明/不透明组合实现三角形效果，无需图片或 SVG。兼容所有现代浏览器。

Q: 能做箭头吗？

A: 可以。设置较小的宽高比配合边框可以做出箭头效果，或结合两个三角形实现更复杂的箭头。

👉 下一步 🏆 看看周榜热门 🧩 工作流中心 🔍 全部工具分类