纯CSS打造斜边1-入门

纯css可以做出简单的三角形，这个在实战中有时还是很有用的，毕竟用图片会减慢速度 原理：当border很粗时，两条交叉边会形成一条斜线 如：

好了，明白了这一点后我们就可以开始做三角形了，原理是将层的三条边的boder定义成相同的背景色，三角的屁股所在边定义成前景色

.abc{ border-top:80px solid #FFF;border-left:80px solid #F00;
 border-bottom:80px solid #FFF;border-right:80px solid #FFF}
或者简写成
.abc{ border:80px solid #FFF;border-left:80px solid #F00;}

好了，先写到这儿吧，明天我将继续讲一些高级应用，用斜边打造更多漂亮东东

转载于:https://www.cnblogs.com/haozime/archive/2010/02/20/2639148.html