如何使用数值设置CSS RGB颜色？

Question

我对 HTML/CSS 还不熟悉。我可以看到在 CSS 样式描述中设置颜色代码有多种方法，即通过名称，例如

yellow

或通过十六进制代码

#ffff00

。我看到每种颜色也有对应的数字，例如黄色具有与

255,255,0

等效的数字，但在我的 body 元素上应用以下样式根本没有效果：

我的CSS：

body {
background-color: 255,255,0;
color: black !important;
}

有人可以帮我吗？

Answer 1

像这样

body {
    background-color: rgb(255,255,0);
}

要添加不透明度，请使用

rgba

。其中

1

是 100% 不透明度。

body {
    background-color: rgba(255,255,0, 1);
}

Answer 2

您需要将此规则添加到您的 css rgb(0,0,0) 或 rgba(0,0,0,0.5) 到不透明度。

body {
    background-color: rgb(255,255,0);
    color: rgba(0,0,0,0.7);
}

Answer 3

rgba(255,255,0,1) 要添加不透明度，请使用 rgba。其中 1 表示 100% 不透明度。

.body {
background-color: rgb(255,255,0);
color: black !important;
padding:25px;
}

<div class="body"></div>

Answer 4

.body {
background-color: rgb(255,255,0);
color: black !important;
padding:25px;
}

<div class="body"></div>