如何创建仅在特定列的底部有边框的表格？

问题描述：

我有一个HTML网页，我需要创建一个包含以下内容部分：如何创建仅在特定列的底部有边框的表格？

我有以下的CSS：

#tblComments > tbody >first-of-type > tr > td:first-child 
{ 
    border-bottom:1px solid black;   
}

和下面的HTML：

<div id="comments"> 
    <table id="tblComments"> 
     <tr> 
      <td>ISSUER COMMENTS (IF APPROPRIATE)</td> 
      <td></td> 
     </tr> 
     <tr> 
      <td></td> 
     </tr> 
     <tr> 
      <td></td> 
     </tr> 
    </table>

我该如何创建？

看看编辑。 thx – gene

'>第一类型无效 – j08691

但我该如何纠正它？ – gene

答

给列你想有一个底部边框该类

<div class="border"></div>

然后在CSS中做到这一点

.border { 
    border-bottom: 1px solid black; 
}

答

您可以选择您要使用的边框有一类选择

<html> 
<head> 
    <style> 
     .border { 
      border-bottom: 1px solid black ; 
      border-collapse: collapse; 
     } 
    </style> 
</head> 
<body> 
    <table style="width:100%;"> 
      <tr> 
      <td class="border">Jill</td> 
      <td>Smith</td> 
      <td>50</td> 
      </tr> 
      <tr> 
      <td>Eve</td> 
      <td>Jackson</td> 
      <td>94</td> 
      </tr> 
    </table> 
</body> 
<html>

但您的代码示例不使用类选择器。你在桌子和每个单元格周围放置一个边框。 – j08691

我改变了代码，我希望我能帮助你。通过这种方式，您可以在需要边框时添加该类 –

如何创建仅在特定列的底部有边框的表格？

相关推荐