CSS三角形
使用border边框技巧生成纯CSS三角形,支持方向、尺寸、颜色自定义
#73b9ff
效果预览
生成的 CSS 代码0 字符
CSS 三角形生成器说明
纯 CSS 三角形通过将元素宽高设为 0,利用 border 的相邻边透明技巧实现,无需图片资源。
原理:四个 border 各占三角形的一条边,仅需显示目标方向的边框颜色,其余三边设为 transparent。
使用场景:气泡提示箭头、下拉菜单指示符、面包屑分隔符等。