利用css画三角箭头图标

利用css画三角箭头图标方式



单独设置正方形的两条相邻的边框,通过transform的rotate属性值旋转实现箭头图标(注意单位为deg)

 div {
      width: 50px;
      height: 50px;
      border-left: 2px solid black; 
      border-top: 2px solid black;
      transform: rotate(-45deg);    
    }

你可能感兴趣的:(利用css画三角箭头图标)