视图层搭一个架子:
<div class="part"></div>
然后在CSS处使用linear-gradient,具体如下:
.part {
width: 200px;
height: 100px;
background: #1AB0F0;
color: #fff;
background: linear-gradient(135deg, transparent 15px, #1AB0F0 0) top left,
linear-gradient(-135deg, transparent 0, #1AB0F0 0) top right,
linear-gradient(-45deg, transparent 15px, #1AB0F0 0) bottom right,
linear-gradient(45deg, transparent 0, #1AB0F0 0) bottom left;
background-size: 50% 50%;
background-repeat: no-repeat;
margin: 20px;
}
BTW,附上CSS linear-gradient() 函数 | 菜鸟教程
deg可调整每个角度,根据自己的需求调节