效果CSS实现三角

 

1. 1.  

      <view class="hd"></view>.hd {
   2.  
      content: "";
   3.  
      height: 16rpx;
   4.  
      width: 16rpx;
   5.  
      border-width: 4rpx 4rpx 0 0;
   6.  
      border-color: red;
   7.  
      border-style: solid;
   8.  
      transform: rotate(-45deg);
   9.  
      position: absolute;
   10.  
       top: 20rpx;
   11.  
       left: 30rpx;
   12.  
       }
   13.  
       .hd:hover {
   14.  
       transform: rotate(135deg);
   15.  
   16. 重点是：content 设置为空

转载于:https://www.cnblogs.com/wcLT/p/9394301.html