时间: 来源:火星人
在我们制作页面的时候经常需要使用三角形来实现一些视觉效果,而且众所周知好多图形都可以拆分成三角形,所以说会了画三角形就可以画出很多有意思的形状。这大大提高了我们在制作网页时使用代码替代图片的可能性,从而减少了网页体积,达到优化页面的效果。今天就来教大家用css画三角形的方法。
.triangle{
width: 0;
height: 0;
border-left: 50px solid transparent; //左边宽度50px,实线,透明颜色
border-right: 50px solid transparent; //右边同上
border-top: 100px solid red; //上边宽度100px,实线,红色
}
.triangle{
width: 0;
height: 0;
border-top: 100px solid red;
border-right: 100px solid transparent;
}
关键词:北京web前端培训,北京前端开发培训,web前端培训