html - 为所有表格数据单元格添加底部边框

Question

我是否可以避免将边框规范写入每个表格数据单元格？

<table width='800' bgcolor='grey' cellspacing='0'
style="border-bottom-style:solid; border-bottom-width:1px; border-color:black">  <tr>
<td style="border-bottom-style:solid; border-bottom-width:1px;">
First Name:<td style="border-bottom-style:solid;
 border-bottom-width:1px;"> {$info['firstname']}</td></tr>
 <tr><td style="border-bottom-style:solid; 
border-bottom-width:1px;">Last Name:
<td style="border-bottom-style:solid; border-bottom-width:1px;">
{$info['lastname']}</td> </tr>
<tr><td style="border-bottom-style:solid; border-bottom-width:1px;">
email:<td       style="border-bottom-style:solid; border-bottom-width:1px;">
{$info['email']}</td></tr>
<tr><td>password:<td>********</td></tr>

Answer 1

这是基本的 CSS。把它放在文档的头部:

<style type="text/css">
    td {
      border-bottom-style:solid;
      border-bottom-width:1px;
    }
</style>

这将适用于所有 <td>在你的页面中。如果您希望它仅应用于某些表格单元格或某些表格，那么您将需要开始使用更高级的选择器。但是任何 CSS 教程都可以向您展示如何做到这一点。

顺便说一句，你也可以用你的 table 做这个:

table {
  border-bottom-style:solid; 
  border-bottom-width:1px; 
  border-color:black
}

或者使用shorthand :

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

您可能想查看 CSS-Tutorial .