为表格行提供稳定,连续的背景颜色

时间:2010-10-14 21:03:04

标签: css

我正在使用一个包含1列和3行的表。我想给所有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>";

4 个答案:

答案 0 :(得分:8)

如果折叠边框并且之间没有间距,则会产生坚实的背景。

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

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

答案 1 :(得分:0)

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

可能?

答案 2 :(得分:0)

难道你不是只为你的整个桌子应用背景颜色吗?不幸的是,我没有时间去测试。

.samplesrec{
  background-color:#XXX;
}

答案 3 :(得分:0)

这将使列的背面有蓝色背景和黑色边框。

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

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