transparent透明

最新推荐文章于 2023-06-29 22:59:12 发布

沐歌丨丶

最新推荐文章于 2023-06-29 22:59:12 发布

阅读量1k

点赞数

分类专栏：前端文章标签： html css css3

本文链接：https://blog.csdn.net/muge1161105403/article/details/106638941

版权

前端专栏收录该内容

35 篇文章 1 订阅

订阅专栏

用来指定全透明色彩。

transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值。

在CSS1中，transparent被用来作为background-color的一个参数值，用于表示背景透明。

在CSS2中，border-color也开始接受transparent作为参数值，《Open eBook™ Publication Structure 1.0.1》[OEB101]延伸到color也接受transparent作为参数值。IE6不支持border的颜色为transparent，边框色会显示为黑色。

在CSS3中，transparent被延伸到任何一个有color值的属性上。IE8及以下，color属性值为transparent时，文本显示为黑色。

用法：

比如我画一个三角形--------------->

   <style>
        * {
            padding: 0;
            margin: 0;
        }

        .dv {
            height: 0px;
            width: 0px;
            border-top: 200px solid red;
            /* background-color: red; */
            border-left: 200px solid transparent;
            border-right: 200px solid transparent;
        }
    </style>
<body>
    <div class="dv">  </div>
</body>