实现的效果图:
第一种:
思路:将border设置好,通过使其他三边的颜色设置为透明(transparent)。
向上:
.arrow-top {
border: 20px solid black;
width: 0px;
height: 0px;
border-top-color: transparent;
border-right-color: transparent;
border-left-color: transparent;
}
向右:
.arrow-right {
border: 20px solid black;
width: 0px;
height: 0px;
border-right-color: transparent;
border-bottom-color: transparent;
border-top-color: transparent;
}
向下的:
.arrow-bo