2010-10-14 3 views
3

Я использую таблицу с 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>"; 

ответ

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

может быть?

0

Не могли бы вы применить фоновый цвет для всего стола? К сожалению, у меня нет времени проверять.

.samplesrec{ 
    background-color:#XXX; 
} 
5

Если вы разрушаете границы и не размещаете промежутки между ними, вы получите сплошной фон.

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

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

+0

Спасибо, но так как эта таблица является частью PHP-запроса, я хочу, чтобы между каждым результатом был белый интервал, а один результат - три строки, перечисленные выше. – John

+0

Я не совсем уверен, что вы только что сказали. Является ли результатом полный стол или просто tr? – Robert

0

Это заставит столбец иметь синий фон и черную рамку по бокам.

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

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

Спасибо ... это сделает непрерывный фон для столбца через все три строки? – John

+0

он должен. избавляется от расстояния и только имеет границы по бокам. Вы можете возиться с ним, чтобы заставить его выглядеть так, как вы хотите. очевидно, синий фон не будет делать. :) – Rohrbs

Смежные вопросы