9.（高级）CSS形状之：切角效果

一、单切角

 

方法：

background: #58a;

background: linear-gradient(-45deg,transparent 15px,#58a 0);
二、双切角

 

方法：

background: #58a;

/*right设置切角放置在右下角*/
background: linear-gradient(-45deg,transparent 15px,#58a 0) right,
            linear-gradient(45deg,transparent 15px,#655 0) left;