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

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 {
  border-bottom-style:solid; 
  border-bottom-width:1px; 
  border-color:black
}

或使用速记:

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

您可能想要查看CSS教程.