今天閑著蛋疼 隨便修幾個三角形
<div class="top"></div>
<div class="left"></div>
<div class="right"></div>
<div class="down"></div>
<style type="text/css">
.top,
.left,
.right,
.down{
width:0;
height:0;
line-height:0;/*解決ie下梯形問題*/
border:15px solid transparent;
_border:15px solid #fff;/*ie6 不支持邊框透明(顯示為黑色) 所以只能讓邊框跟背景同色*/
}
.top{ border-bottom-color:#f00; }
.left{ border-right-color:#0f0; }
.right{ border-left-color:#00f; }
.down{ border-top-color:#0ff; }
</style>
新聞熱點
疑難解答