3

私はHTMLで次のような3つの非対称テーブルを構築しています:

     <table id="d1">
       <tr>
         <th colspan="2">ATIS-GESTEL</th>
       </tr>
       <tr>
         <td class="label">Petición:</td>
         <td class="value">171601792</td>
       </tr>
     </table>

     <table id="d2">
       <tr>
         <th colspan="2">FACILITADOR-SAC</th>
       </tr>
       <tr>
         <td class="label">OT:</td>
         <td class="value">171601792</td>
       </tr>
     </table>

    <table id="d3">
       <tr>
         <th colspan="2">SAC</th>
       </tr>
       <tr>
         <td class="label">Ticket:</td>
         <td class="value"></td>
       </tr>
     </table>

<td>クラス「value」の'sに黄色の背景色を与えるなど、CSSを使用していくつかのプロパティのスタイルを設定する必要があります。ええと、背景色は変わりますが、境界線のように少しスペースがあります。完全には満たされません。念のため、CSSは次のとおりです。

body {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:12px;
    color:#666666;
    text-align:left; 
}

td {
  padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
}
#container {
   width: 800px;
   height: 600px;
   border:1px solid #333333;
}

#header {
   padding-left: 7px;
}

#d1 {
   float: left;
   margin-left: 15px;
   margin-right: 15px;
   border: 1px solid #333333;

}

#d1 tr td.value{
  width: 100px;
  height: 15px;
  background-color: #FFFF66;
}

#d2 {
   float: left;
   margin-left: 15px;
   margin-right: 15px;
   border: 1px solid #333333;
   width: 150px;
   height: 40px;
}

#d2 tr td.value{
  width: 100px;

誰かがその境界線が表示される理由と、セルを完全に埋める方法を教えてもらえますか?

4

2 に答える 2

2

のスタイルに追加border-collapse:collapseします。<table>

于 2013-01-16T00:13:48.833 に答える
0

境界線の間隔も問題になる可能性があります。ゼロに設定します。

table.mytable {
border-spacing: 0;
}
于 2013-01-16T00:16:35.267 に答える