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>

那么这将无法正常工作：是的，这些行具有背景，但是背景仅覆盖了行的长度，因此它在右侧呈锯齿状，并且背景没有覆盖行之间的空间。

如何使背景覆盖段落周围的整个矩形？

我尝试了foobar.css

table {
  background-color: #808080;
}

然后像这样在index.html中引用它

<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>

关于html - 如何在CSS中指定背景文字矩形颜色，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26728506/