Asp.net 如何为表tr元素中的单个td元素指定边界线?

Asp.net 如何为表tr元素中的单个td元素指定边界线?,asp.net,css,user-controls,Asp.net,Css,User Controls,我在ASP.Net中有一个这样的表 <table width="100%"> <tr> <td rowspan="4" colspan="2" class="style1"> </td> <td> <asp:Label ID="label1" runat="server" Text="Label1"&

我在ASP.Net中有一个这样的表

 <table width="100%">
 <tr>
     <td rowspan="4" colspan="2" class="style1">
     </td>                                        
     <td>
         <asp:Label ID="label1" runat="server" Text="Label1"></asp:Label>
     </td>
     <td>
         <asp:TextBox ID="TextBox4" runat="server" Width="136px">
         </asp:TextBox>
     </td>
 </tr>
 <tr>        
    <td><asp:Label ID="label2" runat="server" Text="Label2"></asp:Label></td>
    <td><asp:TextBox ID="TextBox1" runat="server" Width="136px">
         </asp:TextBox></td>
 </tr>
 <tr>        
    <td><asp:Label ID="label3" runat="server" Text="Label3"></asp:Label></td>
    <td><asp:TextBox ID="TextBox2" runat="server" Width="136px">
         </asp:TextBox></td>
 </tr>
 <tr>        
    <td><asp:Label ID="label4" runat="server" Text="Label4"></asp:Label></td>
    <td><asp:TextBox ID="TextBox3" runat="server" Width="136px">
         </asp:TextBox></td>
 </tr>
 </table> 

我想给第一个td元素指定边界线,它包含colspan和rowspan。不是整排。 请给出解决方案。

试试jquery

把这个加到你的脑子里

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

然后把这个加到身体里

<script> 
$('table tr td:first').css('border','1px solid');
<script/>

$('table tr td:first').css('border','1px solid');

在td上设置此样式:

<style type="text/css">
    .firsttd { border-color: #000000; border-style: solid; }
</style>

...

<td class="firsttd" rowspan="4" colspan="2" >

.firsttd{边框颜色:#000000;边框样式:纯色;}
...

如果只想在类style1的td上加边框:


嗨,到目前为止你试过什么?结果如何?@Spiny。我使用了一个样式表,并将其包含在元素标记中。like.border{border color:black;border style:solid;}但是我想要一条细线作为边框。我尝试了所有其他的选择,但我没有。是的。但边界应该是一条很细的线。我已经尝试了所有其他的选择。但是我没能得到。我按照你说的做了,但是没有得到想要的结果。还有其他建议吗?试试这个$('.style1').css('border','1px solid');顺便问一下,你需要黑色边框吗?
table, tr, td { border: none; }
td.style1 { border: 1px solid black; }