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>

我想给第一个包含colspan和rowspan的td元素赋予边框线。不是整行。请给出解决方案。

Answer 1

如果您只想在带有 style1 类的td上使用边框：

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

Answer 2

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

Answer 3

在td：

上设置此样式

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

...

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

如何给表tr元素中的单个td元素赋予边界线？

3 个答案: