因为闲着没事，就浏览了googlepaly网站，看到他们的tabs标签样式用的不是图片，而是css实现的斜边，简单说明了自己理解的原理
1、理解border的原理
显示样式
样式部分
复制代码的话就是：
border-bottom :24 px solid # f00；
border-right :24 pxsolidtransparent；
border-top:24px solid #F00；
border-left :24 pxsolidtransparent；
照片
以前以为边框是中等尺寸的长方形，其实可以看出边框的照片不是中等尺寸的长方形，而是梯形的结构
图：
利用这个原理，可以制作倾斜方向的不规则的图像
实现css样式：
复制代码的话就是：
border-bottom :24 px solid # f00；
border-right :24 pxsolidtransparent； (存在宽度但透明)
2、理解css的结构，border设定宽度，意味着为了保证他在同一行，将自己的高度设定为0。
如图所示，设置高度为0时
安装height:0时
大家也可以自己试试，
由此，可以更好地理解css3.0的伪系after、before，构建不规则的图像！ 避免使用大图像。
不幸的是，TMD的ie6那么蛋疼！