css写的三角形欣赏

今天闲着蛋疼 随便修几个三角形

<div class=""></div>

<div class="left"></div>

<div class="right"></div>

<div class="down"></div>

<style type="text/css">

.,

.left,

.right,

.down{

width:0;

height:0;

line-height:0;/解决ie下梯形问题/

border:15px solid transparent;

_border:15px solid #fff;/ie6 不支持边框透明（显示为黑色） 所以只能让边框跟背景同色/

}

.{ border-bottom-color:#f00; }

.left{ border-right-color:#0f0; }

.right{ border-left-color:#00f; }

.down{ border--color:#0ff; }

</style>