html透明色代码

作者：爱我者我必爱* 发布日期:2026-06-15 浏览:135

<!DOCTYPE html>
<html>
<head>
    <title>HTML 透明色代码示例</title>
    <style>
        /* 使用 rgba 或 hsla 来设置透明度 */
        .transparent-box {
            width: 200px;
            height: 200px;
            background-color: rgba(255, 0, 0, 0.5); /* 红色，半透明 */
        }

        .another-transparent-box {
            width: 200px;
            height: 200px;
            background-color: hsla(240, 100%, 50%, 0.3); /* 蓝色，30% 透明度 */
        }
    </style>
</head>
<body>
    <div class="transparent-box"></div>
    <div class="another-transparent-box"></div>

    <p>上面的两个方块展示了如何使用 <code>rgba</code> 和 <code>hsla</code> 来设置背景颜色的透明度。</p>
</body>
</html>

解释说明：

rgba 和 hsla 是 CSS 中用于设置颜色和透明度的两种方式。
rgba(255, 0, 0, 0.5) 表示红色，其中最后一个参数 0.5 控制透明度（范围是 0 到 1，0 表示完全透明，1 表示完全不透明）。
hsla(240, 100%, 50%, 0.3) 表示蓝色，同样最后一个参数 0.3 控制透明度。

上一篇：html空格转义符nbsp

下一篇：html转apk