3

我在 HTML 中构建三个不对称的表格，如下所示：

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

我必须用 CSS 设置一些属性的样式，包括给<td>带有类“值”的 's 一个黄色背景色。嗯，背景颜色确实发生了变化，但是那里有一点空间，比如边框。它没有完全填满。以防万一，这是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 回答