css 利用 border 模拟尖括号、三角、倒三角效果 | 极简前端

[coder-linx]

https://blog.jijian.link/2020-03-12/css-angle-brackets/

在网页上经常看到各种各样的小图标，实现方式多种多样，字体图标，SVG，图片等。当然能用 css 实现的效果，绝不使用其他方式。毕竟几行 css 绝对比 字体图标，图片文件要小得多，也比 SVG 渲染要快。本文介绍常见的 三角效果 尖括号效果 使用 css 实现。