css border制作三角箭头

最新推荐文章于 2020-07-11 23:22:19 发布

hdchangchang

最新推荐文章于 2020-07-11 23:22:19 发布

阅读量1.7k

点赞数

分类专栏： css

本文链接：https://blog.csdn.net/hdchangchang/article/details/8486024

版权

css 专栏收录该内容

31 篇文章 1 订阅

订阅专栏

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>

优惠劵

hdchangchang

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
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属性可以设置一个对
复制链接

扫一扫