CSS 样式（文本和段落背景）

Question

我希望创建一个以白色背景显示我的信息段落的网站，并且我希望段落背景为黑色，但不透明度较低，以便与其他颜色清楚地区分以及我正在显示的文本的 100% 不透明度。不过，我似乎不知道该怎么做。

到目前为止，我已经尝试将整个文档的背景更改为浅蓝色，将文本更改为白色，将段落背景更改为黑色并降低不透明度。背景颜色和文本一样发生了变化，但是段落背景根本没有出现。即使在我删除了不透明度值以确保我不只是将不透明度设置得太低之后。我想知道是否有人知道我该如何解决这个问题。非常感谢您为我提供的所有帮助。

body{ background:#00FFFF; font-family:arial; } p{ background:#000000; } div{ color:white; }

Div 在段落

内环绕我的文字

Answer 1

您不能在 <p> 中使用 <div>，因为这是无效的 - 两者都是块级元素。您可以使用 <span> 作为内联元素。
有关更多信息，您可以查看 http://www.w3.org/TR/html401/struct/text.html#edef-P

说明示例：

body {
    background:#00FFFF;
    font-family:arial;
}
p {
    background:#000000;
}
div, span {
    color:white;
}

<div>
    <p>This is a paragraph inside a div.</p>
</div>
<p>
    <div>This is a div inside a paragraph which is not valid.</div>
</p>
<p> <span>This is a span inside a paragraph which is fine.</span>

</p>

Answer 2

如果我没理解错的话，你希望某些段落的背景稍微暗一些。您可以使用 rgba 函数将不透明度包含到背景中：

body{ background:#00FFFF;  font-family:arial; } 
p{ background:rgba(0,0,0,0.2); color:white}

<p>
    my text
</p>

Answer 3

这是一个演示 http://jsfiddle.net/uh632aL4/

打勾是对div元素使用background-color:rgba(0,0,0,0.4);。这样，您的文本将具有 100% 的不透明度，并且您可以根据需要更改 div 元素的不透明度。

CSS 样式（文本和段落背景）

CSS Styling (Text, and paragraph backgrounds)

html

css

styling