border-collapse: collapse

`border-collapse: collapse`是CSS中的一个属性，用于控制表格边框的绘制方式。当设置为`collapse`时，相邻单元格的边框会合并为一个单一的边框，从而使表格看起来更加紧凑和整洁。相反，当设置为`separate`时，相邻单元格的边框会分开绘制，从而使表格看起来更加松散和分散。

以下是一个使用`border-collapse: collapse`的表格的例子：

<table style="border-collapse: collapse;">
  <tr>
    <td style="border: 1px solid black;">单元格1</td>
    <td style="border: 1px solid black;">单元格2</td>
  </tr>
  <tr>
    <td style="border: 1px solid black;">单元格3</td>
    <td style="border: 1px solid black;">单元格4</td>
  </tr>
</table>

在上面的例子中，`border-collapse: collapse`被应用于整个表格，使得相邻单元格的边框被合并为一个单一的边框。

相关问题

border-collapse:collapse

border-collapse:collapse是CSS中用于设置表格边框合并的属性。当设置为collapse时，相邻单元格的边框会合并为一条边框，从而使整个表格看起来更加紧凑。这个属性可以用于<table>元素和<td>/<th>元素上。需要注意的是，当设置为collapse时，表格自身的border和cellspacing属性将不再起作用。

border-collapse: collapse;

border-collapse: collapse;是CSS属性，用于设置表格的边框是否合并。当设置为collapse时，表格的行和单元格之间的边框会合并，相邻单元格会共用边框，不会出现相邻单元格边框加粗的情况。\[1\]\[2\]这是border-collapse属性的默认值，也就是说每个单元格拥有独立的边框，采用separated-border表格渲染模型。\[3\]
#### 引用[.reference_title]
- *1* [border-collapse:collapse; 表示折叠边框](https://blog.csdn.net/weixin_30905981/article/details/96387926)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [CSS系列之表格边框 border-collapse](https://blog.csdn.net/weixin_62277266/article/details/122693657)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]