Question

我有一张桌子：

<div class="Bar" > 
        <table width="100%">
            <tr>
                <td width="20%">
                   <asp:LinkButton ID="LnkHome" runat="server" ForeColor="Black" Text="Home"></asp:LinkButton>
                </td>
                <td width="20%">
                                   </td>
                <td width="20%">
                                  </td>
                <td width="20%">
                                   </td>
                <td width="20%">

                </td>
            </tr>
        </table>
    </div>

我尝试通过表格中的css添加背景颜色

.Bar table tr td
{
    background-color:Maroon;

    }

但不提供背景颜色。谢谢你的帮助。

Answer 1

<强> CSS

 .Bar table tr td
        {
            background-color: Maroon;
            height:50px;
        }

<强> HTML

<div class="Bar">
        <table width="100%">
            <tr>
                <td width="20%">Hello
                </td>
                <td width="20%">Hello
                </td>
                <td width="20%">Hello
                </td>
                <td width="20%">Hello
                </td>
                <td width="20%">Hello
                </td>
            </tr>
        </table>
    </div>

Answer 2

我试过，它有效

fiddle

<div class="Bar" > 
    <table width="100%">
        <tr>
            <td width="20%">aaaaaaaaaaaa</td>
            <td width="20%"></td>
            <td width="20%">aaa
                              </td>
            <td width="20%">
                               </td>
            <td width="20%">

            </td>
        </tr>
    </table>
</div>



.Bar table tr td
{
    background-color:Maroon;
    color: white;
}

Answer 3

它运作正常。我认为您的问题来自<td></td>标记，这是空的。见http://jsfiddle.net/sYfLR/

背景颜色不添加

3 个答案: