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;
}

 

posted @ 2019-05-16 16:53  cecelia  阅读(207)  评论(0)  编辑  收藏  举报