实现切角效果需要掌握的几个点包括： css渐变、background-size、条纹背景
直角切角
先实现一个简单的，比如让一个矩形，右下角切掉。实现该功能可以使用强大的渐变功能，有了渐变基础，应该不难理解。
注：background: #58a不是必须的，加上它是为了将其作为回退机制。
实现两个切角，左右下角各一个。一层渐变肯定不行，需要两层。按想法一步步实现，首先可能会这样写，想学习更多案例效果的小伙伴可以加我Q群：142991222，一起探索更多前端干货。
可以看到，效果并没有实现，原因是两层渐变都会填满整个元素，因此它们会相互覆盖。需要让它们缩小一点，使用background-size让每层渐变分别只占据整个元素的一半。
依然没有达到效果，这是因为没有添加background-repeat属性，因而每层渐变图案各自平铺了两次。
好了，现在实现了。如果要四个角的话，就要四层渐变了。
就这样一个切角效果就实现了，后还会补充更多多边形效果，大家多多支持，多多鼓励！
background-image:url('')设置图片路径background-position:
-100px
-122px
设置图片中某一部分图的位置
第一个值是上
第二个值是左
然后通过这个图片外层标签来显示图片显示的范围
宽度和高度
到w3c在线教程网学习吧。先学HTML语言和XHTML语言——一星期就能学完，再学CSS和JavaScript——一星期也能学完，再学些ASP或者PHP——一个月就能学完。
w3c在线教程网网址：
http://www.w3school.com.cn/
