作者:l彡id夏日阳光 | 来源:互联网 | 2023-05-18 13:48
.arrow {
width: 0;
height: 0;
content: "";
border: solid 10px #7c7;
display: block;
border-top-color:transparent;
border-left-color:transparent;
border-bottom-color:transparent;
}
原理:设置一个足够宽的边框
然后通过边框按斜线分四等份的方式设置每一等份的情况
border-top-color:transparent;
border-left-color:transparent;
border-bottom-color:transparent;