Html 如何在CSS中指定背景文本矩形颜色

我想使用CSS为HTML指定背景色。如果我的

foobar.css

文件

back {
  background-color: #808080;
}

我的

index.html

是

<link href="foobar.css">

<p><back>foo</back></p>
<p><back>foobar</back></p>

然后在

index.html

like中引用它

table {
  background-color: #808080;
}

<table>
<p>foo</p>
<p>foobar</p>
</table>

福

福巴

---

但这完全被忽视了

希望这能解决你的问题

    <table>
        <tr>
            <td>
               <p>foo</p>
               <p>foobar</p>
            </td>
       </tr>
    </table>
  <style>
      table{background-color:red;}
  </style>

福

福巴

表{背景色：红色；}

希望这能解决您的isuue问题

    <table>
        <tr>
            <td>
               <p>foo</p>
               <p>foobar</p>
            </td>
       </tr>
    </table>
  <style>
      table{background-color:red;}
  </style>

福

福巴

表{背景色：红色；}

发生这种情况是因为您编写的

中有错误的标记。

标签应由N个

（行）组成，

可以包含N个

（单元格）

这是您应该使用的代码

<table>
  <tr>
   <td>foo</td>
  </tr>
  <tr> 
   <td>foobar</td>
  </tr>
</table>

福
福巴

---

下面是

元素及其可能内容的完整描述：

发生这种情况是因为您编写的

中有错误的标记。

标签应由N个

（行）组成，

可以包含N个

（单元格）

这是您应该使用的代码

<table>
  <tr>
   <td>foo</td>
  </tr>
  <tr> 
   <td>foobar</td>
  </tr>
</table>

福
福巴

---

下面是对

元素及其可能的内容的完整描述：

只要您在表中使用正确的元素，我看就可以了

HTML

更新

---

原始海报上的问题：“好吧，但是……如果我这样做，不仅仅是这个表，我HTML中的所有表都会有黑色背景。如何做到只有这个表有黑色背景？”

在这种情况下，您需要向表中添加一个ID，然后创建一个与该ID匹配的CSS规则

HTML

---

只要您在表中使用正确的元素，我觉得很好

HTML

更新

---

原始海报上的问题：“好吧，但是……如果我这样做，不仅仅是这个表，我HTML中的所有表都会有黑色背景。如何做到只有这个表有黑色背景？”

在这种情况下，您需要向表中添加一个ID，然后创建一个与该ID匹配的CSS规则

HTML

---

当您使用未定义的标记（如

）时，浏览器会将其视为打开未定义的元素，默认情况下，该元素具有内联呈现（

显示：CSS中的内联

）。这意味着在它上面设置的任何背景将只覆盖文本的宽度。此外，这些元素位于

p

元素内部，

p

元素默认具有顶部和底部边距，并且内部元素的背景不会延伸到该边距区域

要为占据可用宽度的矩形指定背景，请使用

div

元素作为包装：

.foo{背景色：#808080；}

福

福巴

当您使用未定义的标记（如

）时，浏览器会将其视为打开未定义的元素，默认情况下，该元素具有内联呈现（

显示：CSS中的内联

）。这意味着在它上面设置的任何背景将只覆盖文本的宽度。此外，这些元素位于

p

元素内部，

p

元素默认具有顶部和底部边距，并且内部元素的背景不会延伸到该边距区域

要为占据可用宽度的矩形指定背景，请使用

div

元素作为包装：

.foo{背景色：#808080；}

福

福巴

尝试使用

！重要信息

请尝试将段落括在一个div中，然后为该div指定背景色。这是一种在创建时指定矩形区域的方法want@Kartikeya仍然ignored@MarkGaleck..plz你不能直接在html表格内使用段落，它总是在网页的表格外呈现。如果需要使用表格，请使用tr>td>p使其工作。请尝试使用

！重要信息

请尝试将段落括在一个div中，然后为该div指定背景色。这是一种在创建时指定矩形区域的方法want@Kartikeya仍然ignored@MarkGaleck..plz你不能直接在html表格内使用段落，它总是在网页的表格外呈现。如果需要使用表格，请使用tr>td>p使其正常工作，但。。。如果我这样做，不仅是这个表，而且HTML中的所有表都将有黑色背景。怎么做只有这一个有？好的但是。。。如果我这样做，不仅是这个表，而且HTML中的所有表都将有黑色背景。如何做到只有这一个能做到？

<table id="my-table">
    <tr>
        <td>foo</td>
        <td>bar</td>
    </tr>
</table>

<table>
    <tr>
        <td>foo</td>
        <td>bar</td>
    </tr>
</table>

#my-table {
  background-color: #808080;
}