http://www.cssplay.co.uk/mozilla/rainbow.html

就是用两个border的接缝拼出斜线来，以前有类似例子，各个角度的斜线都能做出来哦。

</p> <style> <p>div#yellow {border-left:84px solid yellow; border-bottom:84px solid transparent;width:200px;height:200px;}</p> </style> <div id="yellow">this is div</div> <p> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

</p> <style> <p>div#yellow {border-left:30px solid purple; border-bottom:90px solid transparent;width:200px;height:200px;}</p> </style> <div id="yellow"></div> <p> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]