Html 使用CSS设置表格行内容？

我能不能转过来：

<!-- top blue line -->
<tr bgcolor="#000066">
    <td width="120" valign="top" height="1"></td>
    <td width="1" height="1"></td>
    <td width="120" valign="top" height="1"></td>
    <td width="1" height="1"></td>
    <td width="120" valign="top" height="1"></td>
</tr>

更像是：

<tr class="blueline"></tr>

CSS将负责插入所有的

如果在ASP.NET/C中有一种合乎逻辑且简单的方法可以做到这一点，我会将格式保存在一个中心位置，我很乐意听到它，但如果可能的话，我更愿意只使用CSS

编辑：

根据答案和评论，我将发布我对嵌套表的看法，我喜欢嵌套表的外观，我想如果最好使用它，就用一种完全不同的方式去做就好了；至于使用web控件，这可能是最好的主意，但我不确定如何使用web控件，然后能够将不同的内容放入web控件的各个部分，就像它是一个静态html表一样。我需要能够编辑列名、文本框和数据类型的中间部分

代码：

专栏名称


单元id

单元描述

单元名称


文本框








数据类型


INT

瓦查尔（50）

瓦尔查尔（10）

我建议为此编写一个javascript函数，该函数可以在您想要的任何页面上调用。这将减少在任何地方编写冗余代码的需要，并使更新更容易。

CSS将应用于引用CSS文件的每个页面，除非在该页面中被特别覆盖。您可以将所有样式移到css文件中，并且基本上在表格布局中尽可能少地使用样式。请记住，表格最好用于报表等表格数据。如果您使用嵌套表来处理定位，那么这可以通过css和div标记更好地完成

CSS无法将td添加到tr中，因此您将无法采用这种方法。您可以使用jquery/javascript来实现这一点，但如果您可以使用asp/c，则有一种称为web用户控件的东西可以保存html，您只需在实际页面上放置一行代码即可将其放入表中。

对于此特定示例，这听起来像是在表或第一个非标题行的顶部边框将是完美的。假设表格有点像：

<table>
    <thead>
        <tr>
            <th>Some Column</th>
            <th>Some Other Column</th>
        </tr>
    </thead>
    <tbody>
        <!-- rows go here -->
    </tbody>
</table>

---

CSS不能做您描述的事情

然而，如果您重构标记以正确使用表，您需要的是非常简单的。嵌套表非常不可靠

/*设置表格的基本字体样式*/
#资料{
字体系列：Verdana、Arial、Helvetica、无衬线；
字体大小：10px；
/*提供边框和间距*/
填充：20px0；
边框顶部：1px实心#006；
边框底部：1px实心#006；
}
/*给表格标题加一点颜色*/
#数据th{
颜色：#000063；
文本对齐：左对齐；
字体大小：13px；
}
/*设置单元格的宽度*/
#数据th，
#数据传输{
宽度：120px；
}
/*在第一列中添加一些正确的填充*/
#数据tr>th：第一种类型，
#数据tr>td：类型的第一个{
宽度：114px；
右边填充：6px；
}
/*在最后一列添加一些左填充*/
#数据tr>th：类型的最后一个，
#数据tr>td：类型的最后一个{
宽度：114px；
左侧填充：6px；
}
/*设置输入宽度*/
#数据输入[type=“text”]{
宽度：100px；
}

列名
文本框
数据类型
单元id
国际的
单元描述
瓦查尔（50）
单元描述
瓦尔查尔（10）

此行的目的是什么？断章取义，这只是渲染一条362px宽的蓝线。如果你只想在你的桌子上有一个上边框，那就可以使用一行CSS。已经说过了，但是你需要一张桌子吗？这个表是用来显示信息表的，还是用来布局的？除非您确实想显示表格，否则应避免使用表格。

<table>
    <thead>
        <tr>
            <th>Some Column</th>
            <th>Some Other Column</th>
        </tr>
    </thead>
    <tbody>
        <!-- rows go here -->
    </tbody>
</table>

tbody tr:first-of-type {
    border-top: 1px solid blue;
}