Question

我正在尝试在C＃中为一个HtmlRow添加边框。该行正在一个表格中，该表格的边缘有一个边框。我试过了：

row.Attributes.Add("border-bottom", "1px");
row.Attributes.Add("border-color", "#000000");
row.Attributes.Add("border-style", "solid");
row.Style.Add("border-width", "1px");
row.Style.Add("border-color", "#000000");
row.Style.Add("border-style", "solid");
row.BorderColor = "#000000";

为行生成html：

<tr class="tableHeader" Style="height:30px;border-width:1px;border-color:#000000;border-style:solid;" border-bottom="1px" border-color="#000000" border-style="solid" bordercolor="#000000">

<tr class="tableHeader" Style="height:30px;border-width:1px;border-color:#000000;border-style:solid;" border-bottom="1px" border-color="#000000" border-style="solid" bordercolor="#000000">
    <td width="25px" align="center"><FONT COLOR=#000000>Last</FONT></td>
    <td width="50px" align="center"><FONT COLOR=#000000>First</FONT></td>
    <td align="center" width="100px"><FONT COLOR=#000000>Address</FONT></td>
    <td width="50px" align="center"><FONT COLOR=#000000>Phone</FONT></td>
</tr>

但这些都没有奏效。我不能使用表来创建边框，因为该行用于模拟后续行。此外，如果这更容易，我只需要行的底部有一个边框。

Answer 1

您应该将样式放在样式表中并使用类。它还可以让您更容易测试，因为您只需要在运行时添加样式而不是每个创建所需效果的元素。

这个http://jsfiddle.net/yQbTp/1/

怎么样？

<table id="border">
    <tr>
        <td>apple</td>
        <td>banana</td>
    </tr>
    <tr class="border">
        <td>cherry</td>
        <td>date</td>
    </tr>
    <tr>
        <td>egg</td>
        <td>fruit</td>
    </tr>
    <tr>
        <td>grape</td>
        <td>ham</td>
    </tr>
</table>
table#border{
    width:100%;
    border:1px solid black;
}
table#border tr.border{
    border:1px solid red;
}
table#border tr:last-child{
    border:1px solid green;
}

围绕单个HtmlRow边界

1 个答案: