用css实现箭头样式

1. 原理
   只设置div的上边框和右边框，并将div旋转45°

2. 实现代码

• html

<div class='arrow'></div>

• css

.arrow {
  width: 8px;
  height: 8px;
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  transform: rotate(45deg);
}