Как задать границу для одного элемента td в элементе таблицы tr?

Question

У меня есть таблица в 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. Не на весь ряд. Пожалуйста, дайте решение.

Answer 1

Если вы хотите границы только на тд с классом style1 :

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

Answer 2

Установите этот стиль на тд:

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

...

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

Answer 3

Попробуйте jquery http://jquery.com/

Добавьте это в свою голову

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