Question

下面是表格的HTML。表一是整个div我尝试让所有边框都像Excel中的普通边框一样稳固等等。但它只出现在整个框之外。

以下是HTML和CSS：可能添加了一些对桌子来说相当新的无用的东西。

＆＃13;

#table-one {
  width: 950px;
  margin: 0 auto;
  position: absolute;
  top: 290px;
  left: 0px;
  right: 0px;
  background-color: white;
  border: solid;
  border-width: 1px;
  border-color: #dbdbdb;
}

#table-one table {
  margin: 0 auto;
  padding: 20px 6px;
  border-spacing: 25px 10px;
}

#table-one th {
  text-align: center;
  background-color: #dbdbdb;
  padding: 10px;
  font-size: 20px;
  font-family: "calibri light";
}

#table-one td {
  text-align: justify;
  font-family: calibri;
}

＆＃13;

<div id="table-one">
  <table>
    <tr>
      <th>SAMPLE TEXT</th>
      <th>SAMPLE TEXT</th>
    </tr>
    <tr>
      <td>Lorem ipsum dolor sit amet</td>
      <td>Lorem ipsum dolor sit amet</td>
    </tr>
    <tr>
      <td>Lorem ipsum dolor sit amet</td>
      <td>Lorem ipsum dolor sit amet</td>
    </tr>
    <tr>
      <td>Lorem ipsum dolor sit amet</td>
      <td>Lorem ipsum dolor sit amet</td>
    </tr>
  </table>
</div>

＆＃13;

Answer 1

您可以使用css设置边框

#table-one td,#table-one th{
border:1px solid red;
}

DEMO

边框只出现在外面，所以整个事物周围有一个黑色边框

1 个答案: