html透明度代码

作者：以往沧海发布日期:2025-06-02 浏览:92

<!DOCTYPE html>
<html>
<head>
    <style>
        /* 设置一个 div 的透明度 */
        .transparent-box {
            width: 200px;
            height: 200px;
            background-color: rgba(255, 0, 0, 0.5); /* 红色背景，透明度为 0.5 */
        }
    </style>
</head>
<body>

<div class="transparent-box"></div>

</body>
</html>

解释说明：

rgba(255, 0, 0, 0.5)：这里的 rgba 是红色（Red）、绿色（Green）、蓝色（Blue）和透明度（Alpha）的缩写。前三个参数分别表示颜色的红、绿、蓝分量，取值范围是 0 到 255。第四个参数是透明度，取值范围是 0 到 1，0 表示完全透明，1 表示完全不透明。在这个例子中，透明度设置为 0.5，表示半透明。

如果需要进一步调整透明度，可以修改最后一个参数的值。

上一篇：html下划线代码怎么写

下一篇：html点击导航栏切换内容