几何之三角形及三角形的组合图案

    HTML代码体现

<iframe src="http://jsrun.net/WdkKp/embedded/all/dark/" frameborder="0" width="100%" height="250"></iframe>

    利用伪类:after实现矩形与三角形组合 优点代码简洁

<iframe src="http://jsrun.net/LdkKp/embedded/all/dark/" frameborder="0" width="100%" height="250"></iframe>

    利用伪类实现较复杂组合

<iframe src="http://jsrun.net/6dkKp/embedded/all/dark/" frameborder="0" width="100%" height="250"></iframe>

资料参考  http://www.cnblogs.com/zjneter/p/5652006.html

利用CSS3中transparent实现三角形及三角形组合图