纯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;}
好了,先写到这儿吧,明天我将继续讲一些高级应用,用斜边打造更多漂亮东东
 posted on 2010-02-20 09:49  耗子么  阅读(473)  评论(0编辑  收藏  举报