只设置border三个方向的值，另一个方向就会汇聚成一个点，就出现三角形了，希望对你有帮助，望采纳！
#triangle-left {
width: 0
height: 0
border-top: 50px solid transparent
border-right: 100px solid red
border-bottom: 50px solid transparent
}
下面是个示例：
用css实现: <table border="0" cellpadding="0" cellspacing="0"><tr>
<td style="border-top:10px solid #FF3300border-right:10px solid #FFFFCCborder-left:10px solid #FFFFCC"></td>
</tr>
</table>
