用css的border屬性實現三角效果

網(LieHuo.Net)教程 今天，小編在博客園看到一篇關于文章的介紹，原來實現三角形不用圖片的，可以用css，你有沒有想過呢？讓我們一起來研究一下吧。

如圖：

這樣就有上下左右四個三角形了，再把除了要用的三角外的其他3個三角（border）顏色設置為背景色就ok了。
上下和左右border-width不一致時可獲取非直角三角形。

<style>.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;}</style><div class=box></div><br /><center>網更多教程，請訪問：<a href=http://www.jyygyx.com/ target=_blank _fcksavedurl="http://www.jyygyx.com/ target=_blank">http://www.jyygyx.com/</a></center>
提示：可修改后代碼再運行!

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈