<html>
<head>
<style type="text/css">
.triangle {
border-bottom: 100px solid #000;//控制三角形的高
width: 0px;//如果不是0，则是一个梯形
border-left:50px solid #FFF; //于border-right一起控制三角形的底
border-right:50px solid #FFF;
}
</style>
</head>
<body>
<div class="triangle"></div>
</body>
</html>
原文：http://www.cnblogs.com/ycherry/p/7255979.html