transparent透明

用来指定全透明色彩。

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>

结果如下：

在这里插入图片描述

版权声明：本文为muge1161105403原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。