css 箭头三角形

1.向下的三角形

.down{
  display:inline-block;
  width:0px;
  height:0px;
  border-top:8px solid rgba(0, 0, 0, 0.65);
  border-left:8px solid transparent;
  border-right:8px solid transparent;
}

2.向上的三角形

.up{
  display:inline-block;
  width:0px;
  height:0px;
  border-bottom:8px solid rgba(0, 0, 0, 0.65);
  border-left:8px solid transparent;
  border-right:8px solid transparent;
}