给表格行添加均匀的背景颜色

Question

我正在使用一张只有1列和3行的表格。我希望给三个单元格都设置相同的背景色。您可以如何实现呢？

提前感谢您。

约翰

    echo "<table class=\"samplesrec\">"; 

    echo '<tr class="class2">';
    echo '<td class="sitename1"></td>';
    echo '</tr>';

    echo '<tr>';
    echo '<td class="sitename2name"></td>';
    echo '</tr>';

    echo '<tr>';
    echo '<td class="sitename2"></td>';
    echo '</tr>';

    echo "</table>";

- John

Answer 1

如果将边框合并并且不留间距，会形成一个实心背景。

table {
    border-collapse:collapse;
    border-spacing:0;
}

http://jsfiddle.net/robert/HpQjd/

- Robert

---

谢谢，但由于这个表格是PHP查询的一部分，我希望每个结果之间有空白间隔，其中一个结果是上面列出的三行。 - John

我不确定你刚才说的是什么意思。结果是完整的表格还是只有tr？ - Robert

Answer 2

这将使该列具有蓝色背景和两侧的黑色边框。

.samplesrec
{
  border-collapse: collapse;
  border-spacing: 0px;
}

.samplesrec td
{
  border: 0px 1px;
  border-style: solid;
  border-color: #000000;
  background-color: #0000ff;
}

- Rohrbs

---

谢谢...这会使得整个三行的列都有一个连续的背景吗？ - John

它应该去掉间距，只在两侧有边框。你可以调整它的样式以达到你想要的效果。显然蓝色背景不行。 :) - Rohrbs

Answer 3

.sitename1
{
   background-color: xxx;
   border-left: 1px solid xxx;
   border-right: 1px solid xxx;
}

可能吗？

- automagic

Answer 4

你只需将整个表格应用背景颜色即可，不过很遗憾我现在没有时间测试。

.samplesrec{
  background-color:#XXX;
}

- bikeboy389