CSS三角形生成器
用 border 技巧生成 CSS 三角形。
这个工具能做什么
不用图片、不用 SVG,靠给一个 0 尺寸元素设置不等宽的边框就能画出纯 CSS 三角形。选方向、大小、颜色,实时预览,下方给出可直接用的代码。做对话气泡的小尖角、下拉菜单箭头、提示框指示时常用到。
处理全部在你自己的浏览器里完成,输入的内容不会上传到服务器,用着放心。
CSS三角形生成器是一个免费的在线工具,打开网页就能用,不用下载也不用注册。平时大家搜的“css三角形”、“纯css三角”、“border三角形”,说的都是这个。
使用方法
- 填入颜色值,或用取色盘、滑块设置好参数。
- 结果和预览会实时更新,无需点按钮。
- 点色值卡片或「复制」按钮,即可把结果带走。