css border制作三角箭头


css代码：

.cor1{
border-width:20px;
border-color:#f3961c transparent transparent transparent;
_border-color:#f3961c red red red;
_filter:chroma(color=red);
left:60px; 
bottom:-40px;
}


Chroma属性可以设置一个对象中指定的颜色为透明色，它的表达式如下：

　　Filter：Chroma（color=color）

示例：将图片中的绿色字变为透明
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
　 div{position:absolute;top:70;width:200;filter:chroma(color=green)}
</style>
</head>
<body> 
  <div>
　  　<p align="center"><img src="http://img.jcwcn.com/attachment/portal/oldjcwimg/2005-11/15/0511151254462463.gif"></p>
  </div>
</body> 
</html>


posted @ 2013-01-09 16:03  hdchangchang  阅读(327)  评论(0)  编辑  收藏  举报