1、背景
很多设计稿都会出现三角形,或者带有三角的对话框,三角形的图案一般出现在展开收起这类的场景,带有三角的对话框一般出现在对于文字的说明,某些操作等场景
2、实现
实现三角形或者三角对话框有两种,一种简单点的,直接用图片😉,第二种用css纯手工实现
3、css实现过程-->实心三角形
3.1、声明一个div块50px*50px,给这个div块加上border 50px得到
然后把宽高设置为0得到
然后我们把上边框宽度设置为0,得到
根据css属性border-color是用于设置元素四个边框颜色的快捷属性: