<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
table {
border-collapse: collapse;
}
table th {
border: 1px solid red;
}
</style>
</head>
<body>
<table border="1">
<tr>
<th>1</th>
<th>2</th>
<th>3</th>
</tr>
</table>
</body>
</html>
border-collapse
border-collapse CSS 属性是用来决定表格的边框是分开的还是合并的。在分隔模式下，相邻的单元格都拥有独立的边框。在合并模式下，相邻单元格共享边框。
border-collapse 的属性值被定义为一个单独的关键词，可为下面两个值中的一个。
值
collapse
相邻的单元格共用同一条边框（采用 collapsed-border 表格渲染模型）。
separate
默认值。每个单元格拥有独立的边框（采用 separated-border 表格渲染模型）。
扫一扫
909
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
