HTML- Dreamweaver 如何给单个单元格提供 3 边的边框，而不是每一边

Question

我想制作一个 table，如 HTML 所示。

现在我已经使用 Dreamweaver CS6 通过插入 table 并合并一些单元格来绘制 table。 Dreamweaver 可以自动生成代码。我只想给合并单元格的 3 个边（而不是 4 个边）添加边框，就像图片中带有突出显示的绿色循环的那样。我怎样才能做到这一点？

提前感谢您的建议。

Answer 1

只有3个边框？我只有 CS6，我假设你使用的是 CC，所以我只给你 CSS，你可以插入它。

table {
  width: 500px;
  border-collapse: separate;
  table-layout: fixed;
  border-spacing: 4px;
  border: 1px solid grey;
}
td {
  border: 2px dashed blue;
}
th {
  border: 2px dashed green;
}
.specCell {
  border-bottom: 1px solid red;
  border-top: 1px solid red;
  border-left: 1px solid red;
  border-right: 0;
}

<table>
  <caption>3 Borders</caption>
  <thead>
    <tr>
      <th class="specCell">3 Border TH</th>
      <th>TH</th>
      <th>TH</th>
      <th>TH</th>
    </tr>
    <tbody>
      <tr>
        <td>TD</td>
        <td>TD</td>
        <td class="specCell">3 Border TD</td>
        <td>TD</td>
      </tr>
      <tr>
        <td>TD</td>
        <td>TD</td>
        <td>TD</td>
        <td class="specCell">3 Border TD</td>
      </tr>
      <tr>
        <td>TD</td>
        <td class="specCell">3 Border TD</td>
        <td>TD</td>
        <td>TD</td>
      </tr>
      <tr>
        <td class="specCell">3 Border TD</td>
        <td>TD</td>
        <td>TD</td>
        <td>TD</td>
      </tr>
    </tbody>
</table>

HTML- Dreamweaver 如何给单个单元格提供 3 边的边框，而不是每一边

HTML- dreamweaver how to give a single cell 3 sides of borders, not every side

html

dreamweaver