Wie gibt man eine Rahmenlinie an ein einzelnes td-Element im table-Element an?

Question

Ich habe eine Tabelle in ASP.Net wie folgt.

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

Ich möchte Grenzlinie zum ersten td Element geben, die die colspan und rowspan enthält. Nicht für die ganze Reihe. Bitte geben Sie eine Lösung.

Answer 1

Wenn Sie Grenze nur auf der td mit Klasse style1 wollen:

table, tr, td { border: none; } 
td.style1 { border: 1px solid black; } 

Answer 2

Try jquery http://jquery.com/

Fügen Sie diese in Ihrem Kopf

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

dann fügen Sie diese in den Körper

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

Answer 3

Setzen Sie diesen Stil auf dem td:

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

... 

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