作者：玲玲0308baby | 来源：互联网 | 2023-09-01 12:27
原理：把上、左、右三条边隐藏掉（颜色设为transparent）#demo1{width:0;height:0;border-width:20px;border-style:solid;border-color:transparenttransparentredtransparent;方向往那边就把颜色设在他相反的位置；推荐使用这个，
原理：
把上、左、右三条边隐藏掉（颜色设为 transparent）
#demo1 {
width: 0;
height: 0;
border-width: 20px;
border-style: solid;
border-color: transparent transparent red transparent;//方向往那边就把颜色设在他相反的位置；推荐使用这个，好记；
}
或者
#demo2 {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 20px solid red; //二边的宽度设为底边的一半
}
京公网安备 11010802041100号