背景透明的CSS三角代码（兼容） 

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>背景透明的CSS三角代码</title>
<style type="text/css">
body{background:#090;}
.triangle
{              
    border-color: #b1b3b1 transparent transparent; 
    border-style: solid; 
    border-width: 45px 45px 0 45px;/* 最少要有二个值，0代表没有尖角 */
    width: 0; 
    height: 0; 
    /* ie6 height */  
    font-size: 0;  
    line-height: 0;  
    /* ie6 transparent */  
    _border-top-color: #b1b3b1;  
    _border-left-color: #dddddd;
    _border-right-color: #dddddd; 
    _border-bottom-color: #dddddd;   
    _filter: chroma( color = #dddddd);  
}
</style>
</head>
<body>
    <div class="triangle"></div> 
</body>
</html>
posted @ 2011-11-03 00:47  修远兮  阅读(432)  评论(0)    收藏  举报