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

あなたのコードはこれでなければなりません...

<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 に答える
0

CSS を使用します。

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

別のファイルに CSS を記述し、以下を使用して Web ページに含めることをお勧めします。

<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 に答える