Question

我有一个html文档，其中包含许多<p>的正文，每个都有自己的样式（见下文）。文档中还有1个图像。我想在所有文本和身体中的图像后面出现红色背景。我该怎么办呢？

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
 </head>
 <body>
 <br /><br />
 <p style="color:rgb(0,0,0);margin: 0px;font-family: Helvetica, Helvetica;font-size:20px;">
  <b>John Dow</b>
 </p>
 <p style="color:rgb(0,0,0);margin: 0px;font-family: Helvetica, Helvetica;font-size:20px;">
    123 Street
    Cape Town
    8005
 </p>
 <img style="border:none; margin: 8px 0px 0px 0px;" src="https://s3.amazonaws.com/kruranimagestest/50CB6EA7-A5F8-43C7-A826-8DBD4DBC0DB1.jpg" alt="image">
</body>
</html>

Answer 1

如果您希望整个网站都是红色，只需调整正文标记：<body style="background-color:red;">...。如果您想在身体内部元素后面留下红色背景，请在<head>中使用以下样式：

<style>body > *{ background-color:red;}</style>

请注意，如果将css规则放入全局样式表，则可以简化代码：

body > p{
     color:rgb(0,0,0);
     margin: 0px;
     font-family: Helvetica, Helvetica;
     font-size:20px;
}

Answer 2

将其添加到您想要的位置：

background-color:red;

可以将其添加到body元素中以使所有页面都着色，或者添加到任何p元素以仅为其着色。

Answer 3

<body style="background-color: #FF0000">

另外，您是否有理由不使用CSS（.css）文件？

Answer 4

您可以使用CSS将红色背景添加到整个正文，或仅使用段落标记的图像。

全身：

<style type="text/css">
body {
    background: red;
}
</style>

<强>＆LT; p为H.和＆lt; img＆gt;仅限代码：

<style type="text/css">
p, img {
    background: red;
}
</style>

为html doc的正文设置背景颜色

4 个答案: