上次无意中发现了个使用纯 CSS 实现三角形尖角箭头的方法
,但没有怎么用上,也没有详细完整的实例,今天刚好要用上,整理了下,写个完整的代码:
可以通过设置 border-width 来调整箭头的大小,这样就不需要每次都去做图了,非常方便,颜色可以随时调整,真佩服那位老兄,以前虽然也发现 border 的两边是斜的但没想到可以这样来做尖角箭头,太厉害了 显示结果图:无标题文档
本文共 320 字,大约阅读时间需要 1 分钟。
上次无意中发现了个使用纯 CSS 实现三角形尖角箭头的方法
,但没有怎么用上,也没有详细完整的实例,今天刚好要用上,整理了下,写个完整的代码:
可以通过设置 border-width 来调整箭头的大小,这样就不需要每次都去做图了,非常方便,颜色可以随时调整,真佩服那位老兄,以前虽然也发现 border 的两边是斜的但没想到可以这样来做尖角箭头,太厉害了 显示结果图:无标题文档
转载于:https://www.cnblogs.com/zhouzme/p/5758527.html