纯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;}
好了,先写到这儿吧,明天我将继续讲一些高级应用,用斜边打造更多漂亮东东