0

スタイルを使用して、HTML テーブルのセルの間隔に影響を与えようとしています。マージンを使用して、セルの右側のみに間隔を空けようとしています。スタイルを使用してセル間隔に影響を与えるにはどうすればよいですか?

<html>
  <head>
    <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">

<style>
body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
}

table {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
}

td {
  margin: 0px 20px 0px 0px;
  color: #585858;
}

a {
  color: #326ea1;
}
</style>

    <title>Request</title>
  </head>
  <body>

    <table border="0" cellpadding="0" cellspacing="0">
      <tbody>
        <tr>
          <td> Request ID </td>
          <td>516<br>
          </td>
        </tr>
        <tr>
          <td>Assigned<br>
          </td>
          <td>Fred Flintstone<br>
          </td>
        </tr>
        <tr>
          <td>Requestor<br>
          </td>
          <td>Bugs Bunny<br>
          </td>
        </tr>
        <tr>
          <td>Type<br>
          </td>
          <td>Construction<br>
          </td>
        </tr>
        <tr>
          <td>Location<br>
          </td>
          <td>Brazil<br>
          </td>
        </tr>
        <tr>
          <td> <br>
          </td>
          <td> <br>
          </td>
        </tr>
        <tr>
          <td style=" vertical-align: top;">Description</td>
          <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit, <br>
              sed do eiusmod tempor incididunt ut labore et dolore <br>
              magna aliqua. Ut enim ad minim veniam, quis nostrud <br>
              exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
          </td>
        </tr>
        <tr>
          <td><br>
          </td>
          <td><br>
          </td>
        </tr>
      </tbody>
    </table>

  </body>
</html>
4

1 に答える 1

1

残念ながら、テーブル セルにはマージン プロパティがありませんが、必要な動作を得るためにパディングを設定することができます。W3Schools には、ここで役立つ可能性のあるスタイリング テーブルに関するページがあります: http://www.w3schools.com/css/css_table.asp

コードを次のように変更すると、動作するはずです。

td {
 padding: 0px 20px 0px 0px;
 color: #585858;
}

テーブルに cellspacing 属性を設定することもできます。これにより、セルの境界線の間にスペースが配置されますが、これはセルのすべての辺の間隔に影響します。

于 2012-06-26T14:05:05.877 に答える