使用CSS设置表格行内容？

我可以以某种方式打开：使用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会照顾插入所有<td> S的？

如果在ASP.NET/C＃中这样做的逻辑和简单的方法，我将格式保存在一个中心位置，我会开放的听到它，但我更愿意只使用CSS，如果可能的话。

编辑：

OK基础上的答案和评论生病刚刚发布的东西我有我喜欢的样子嵌套表，我想如果它的最好使用只是去做一个完全不同的方式，多数民众赞成精细。并且尽可能使用可能是最好的想法的web控件，但我不知道如何使用web控件，然后实际上能够将不同的内容放入Web控件的各个部分，就像它是一个静态html表一样。我需要能够编辑的列名，文本框的中间部分，和数据类型

感谢

代码：

 <table width="362" border="0" cellspacing="0" cellpadding="0"> 

     <!-- 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> 

     <!-- top white space --> 
      <tr> 
      <td width="120" valign="top" height="10"></td> 
      <td width="1" height="10"></td> 
      <td width="120" valign="top" height="10"></td> 
      <td width="1" height="10"></td> 
      <td width="120" valign="top" height="10"></td> 
      </tr> 

     <!-- middle row/content --> 
      <tr> 

      <!-- Labels for columns go inside this td --> 
      <td width="120" valign="top"> 
       <table width="100%" border="0" cellspacing="0" cellpadding="5"> 
       <tr valign="top"> 
        <td> 
        <p align="left"><font color="#FFFFFF"><b><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><font color="#000063"> 
         ColumnNames 
        </font></font></b></font></p> 

        <!-- put labels in here --> 
        <p align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><font face="Verdana, Arial, Helvetica, sans-serif" size="1"> 
         cell_id<br /> 
         cell_description<br /> 
         cell_name 
        </font></font></p>      
        </td> 
       </tr> 
       </table>         
      </td> 

      <td width="1" bgcolor="#FFCF63" height="1"></td> 

      <!-- textboxes go inside this td --> 
      <td width="120" valign="top"> 

       <table width="100%" border="0" cellspacing="0" cellpadding="5"> 
       <tr valign="top"> 
        <td> 
        <p align="left"><font color="#FFFFFF"><b><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#000063"> 
         Textboxes 
        </font></b></font></p> 
        <!-- put textboxes in here --> 
        <p><font size="1" face="Verdana, Arial, Helvetica, sans-serif"> 
         <asp:TextBox ID="TextBox6" runat="server" Width="100px"></asp:TextBox><br /> 
         <asp:TextBox ID="TextBox7" runat="server" Width="100px"></asp:TextBox><br /> 
         <asp:TextBox ID="TextBox8" runat="server" Width="100px"></asp:TextBox> 
        </font></p> 
        </td> 
       </tr> 
       </table> 
      </td> 

      <td width="1" bgcolor="#FFCF63" height="1"></td> 

      <!-- datatypes for columns go inside this td --> 
      <td width="120" valign="top"> 
       <table width="100%" border="0" cellspacing="0" cellpadding="5"> 
       <tr valign="top"> 
        <td> 
        <p align="left"><font color="#FFFFFF"><b><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><font color="#000063"> 
         Data Types 
        </font></font></b></font></p> 

        <!-- put datatype descriptions [varchar(50),int,etc] in here --> 
        <p align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><font face="Verdana, Arial, Helvetica, sans-serif" size="1"> 
         INT<br /> 
         VARCHAR(50)<br /> 
         VARCHAR(10) 
        </font></font></p> 
        </td> 
       </tr> 

       </table> 
      </td> 

      </tr> 

     <!-- bottom white space --> 
      <tr> 
      <td height="10"></td> 
      <td height="10" width="1"></td> 
      <td height="10"></td> 
      <td height="10" width="1"></td> 
      <td height="10"></td> 
      </tr> 

     <!-- bottom 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> 

     </table>

来源

2012-02-09 chilleo

这是什么行的目的是什么？从上下文来看，这只是呈现一条宽362px的蓝线。如果你只是想在你的桌子上有一个顶部边框，那可以用一行CSS来实现。而且已经有人说过了，但是你需要一张桌子吗？这个表是显示一个信息表，还是用于布局？除非您真的想要显示_table_，否则您应该避免出于任何目的的表格。 – 2012-02-09 16:08:03

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

来源

2012-02-09 16:03:07 jbranchaud

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

来源

2012-02-09 16:03:42 Brian

CSS无法将td添加到tr中，因此您将无法采用该方法。你可以使用jquery/javascript来实现这一点，但如果你可以使用asp/c＃，有一种叫做web用户控件，可以容纳html，你只需要在你的实际页面上放一行代码就可以在表格中输入。

来源

2012-02-09 16:04:36

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

<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; 
}

来源

2012-02-09 16:06:12 Ryan

使用CSS设置表格行内容？

回答

相关问题