http://www.css88.com/archives/1875
.box{
width:0;
height:0;
border-bottom:50px #F00 solid;
border-left:50px #03F solid;
border-right: 50px #F90 solid;
border-top:50px #6C0 solid;
}
如图：
上下和左右border-width不一致时可获取非直角三角形。
-_-!就这么简单。
用css的border属性实现三角
文章来源：365jz.com 点击数：228 更新时间：2009-09-24 22:30 参与评论
去css88逛了一下，发现了好文章，原来实现三角形不用图片的。
http://www.css88.com/archives/1875
.box{
width:0;
height:0;
border-bottom:50px #F00 solid;
border-left:50px #03F solid;
border-right: 50px #F90 solid;
border-top:50px #6C0 solid;
}
如图：
上下和左右border-width不一致时可获取非直角三角形。
-_-!就这么简单。
http://www.css88.com/archives/1875
.box{
width:0;
height:0;
border-bottom:50px #F00 solid;
border-left:50px #03F solid;
border-right: 50px #F90 solid;
border-top:50px #6C0 solid;
}
如图：
上下和左右border-width不一致时可获取非直角三角形。
-_-!就这么简单。
Tag标签: css,border,三角
如对本文有疑问，请提交到交流论坛，广大热心网友会为你解答！！ 点击进入论坛
您可能感兴趣的文章:
------分隔线----------------------------
