网页上的三角形

网页中实现的三角形主要代码如下
<style type="text/css">
.triangle {
border-color: red transparent transparent transparent;
border-style: solid;
border-width: 20px 20px 20px 20px;
width: 0;
height: 0;
}
</style>

如图所示;