用css实现箭头样式

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

  2. 实现代码

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

你可能感兴趣的:(用css实现箭头样式)