CSS制作“三角”（对话框突出部分）

Posted 2021-06-30 冰雪奇缘lb

CSS制作“三角”

---

看以下的css渲染结果：

.box1 {
	width:0;
	height: 0;
	border-top: 10px solid pink;
	border-right: 10px solid red;
	border-bottom: 10px solid blue;
	border- left: 10px solid green;
}

---

简单修改以下，只保留一个：

.box2 {
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top-color:pink;
}