使用css制作箭头

.triangle{
  display: inline-block;
  border-right: 1px solid white;
  border-top: 1px solid white;
  height: 10px;
  width: 10px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  border-left: 1px solid transparent;
  border-bottom: 1px solid transparent;
  /*border: 10px solid transparent;*/
  /*border-top-color: white;*/
  /*width: 0px;*/
  /*height: 0;*/
}