使用css实现对角线功能，百分比对比

实现的最终结果如下：（也可直接运行代码查看效果）

 

实现过程：

（1）使用css的渐变实现对角线

对角线的实现   linear-gradient(45deg,red 30px,pink 0); 

（2）-135deg     

-45deg

45deg

135deg

也就是说，四个角斜切的方位是按照不同的度数来完成的。

 

代码如下：

    
    
    
    
    
    



    

        
30%
        
70%
    
    
    
    设置
    

-------------完。