1

无论如何我可以避免将边框规范写入每个表格数据单元格吗?

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

5 回答 5

6

这是基本的 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-Tutorial

于 2012-07-12T00:59:54.250 回答
2
<style>
    table td
    {
        border-bottom: 1px solid black;
    }
</style>
于 2012-07-12T01:01:11.710 回答
0

使用 CSS。

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

建议您在另一个文件中编写 CSS 并将其包含在您的网页中,使用:

<link rel=StyleSheet href="example.css"/>

更多关于 CSS 的信息:http: //www.w3schools.com/css

于 2012-07-12T03:23:54.403 回答
0
table { border-bottom: solid 1px #000000;}
于 2012-07-12T01:00:40.580 回答
0

你的代码应该是这样的......

<html>
  <head>
    <style>
      table{
        background-color: grey;
        width: 800px;
        border-bottom: 1px solid black;
        border-spacing: 0;
        border-collapse: collapse;
      }
      table tr td{
        border-bottom: 1px solid black;
      }
    </style>
  </head>
  <body>
    <table cellspacing='0'>  
      <tr>
        <td>First Name:</td>
        <td> {$info['firstname']}</td>
      </tr>
      <tr>
        <td>Last Name:</td>
        <td>{$info['lastname']}</td> 
      </tr>
      <tr>
        <td>email:</td>
        <td>{$info['email']}</td>
      </tr>
      <tr>
        <td>password:</td>
        <td>********</td>
      </tr>
    </table>
  </body>
</html>
于 2012-07-12T04:27:18.043 回答