gogogo
管理员
管理员
  • UID25
  • 粉丝0
  • 关注0
  • 发帖数1465
阅读:204回复:0

css:怎么设置border-bottom为#fff且这条bottom边框的透明度

楼主#
更多 发布于:2025-06-17 08:05

在 CSS 中,你可以使用 `rgba` 颜色模式来设置边框的颜色和透明度。`rgba` 表示红、绿、蓝和 Alpha(透明度)。Alpha 值的范围是从 0(完全透明)到 1(完全不透明)。
 
如果你想要设置 `border-bottom` 为白色(`#ffffff`)且透明度为 16%,你可以使用 `rgba` 颜色模式。16% 的透明度对应的 Alpha 值是 0.16。
 
以下是一个示例,展示如何设置 `border-bottom` 为白色且透明度为 16%:
 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Border Bottom with Transparency</title>
    <style>
        .container {
            width: 300px;
            height: 200px;
            background-color: lightgray;
            border-bottom: 5px solid rgba(255, 255, 255, 0.16); /* 设置下边框为白色且透明度为 16% */
        }
    </style>
</head>
<body>
    <div class="container">
        这是一个下边框为白色且透明度为 16% 的示例。
    </div>
</body>
</html>
 
在这个示例中:
 
- `border-bottom: 5px solid rgba(255, 255, 255, 0.16);` 设置了下边框的宽度为 5 像素,颜色为白色,并且透明度为 16%。
 
你可以根据需要调整边框的宽度和其他样式。这样,下边框将会是白色且透明度为 16%。
游客


返回顶部