table只显示内部边框

要使表格只显示内部边框，可以通过设置CSS样式来实现。首先，在表格的样式中，设置表格的边框颜色为透明或与背景色相同，这样就可以隐藏掉表格的外部边框。然后，设置表格单元格（td）的边框宽度为需要显示的内部边框宽度，并设置边框的样式和颜色。这样，就可以只显示表格的内部边框，而隐藏掉外部边框。

以下是一个示例的CSS代码：

table {
  border-collapse: collapse;  // 合并边框，使其更紧凑
  border-color: transparent;  // 设置边框颜色为透明，隐藏外部边框
}

td {
  border-width: 1px;  // 设置边框宽度为1个像素
  border-style: solid;  // 设置边框样式为实线
  border-color: #ccc;  // 设置边框颜色为灰色
}

通过以上样式设置，表格将只显示内部边框，并隐藏掉外部边框。可以根据需要调整边框宽度、样式和颜色，来满足不同的设计需求。

相关问题

el-table 只加外边框

`el-table` 是 Element UI 中的一个表格组件，如果你想只显示表格的外边框而不包括内部的分割线和内容边框，可以通过调整CSS样式来实现。在 Vue 项目中，你可以在你的 CSS 文件或组件的 scoped CSS 中添加以下样式：

.el-table {
  border-collapse: collapse; /* 合并边框 */
  border: 1px solid your-border-color; /* 设置外部边框 */
  /* 如果不需要内边框和行分割线 */
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  tr > td, tr > th {
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
  }
}

这里的 `your-border-color` 需要替换为实际的边框颜色。这样，`el-table` 就只会显示外边框了。

el-table 边框只加横线

`el-table`是Element UI框架中的表格组件，用于创建数据展示的表格界面。如果你想要给`el-table`只加上横边框，可以通过设置单元格的内边距来实现，因为Element UI的表格默认边框是单元格之间的横竖都有的。但是需要注意的是，Element UI不提供直接设置只显示横线的属性，我们可以通过自定义CSS样式来达到这个目的。

下面是一个基本的方法，通过修改`el-table`的样式来只显示横线边框：

1. 使用`:deep()`伪类来穿透组件样式的作用域限制，确保样式能够应用到内部的元素上。
2. 设置`th`和`td`的`border-bottom`属性来显示横线。
3. 设置`th`和`td`的`border-left`和`border-right`属性来隐藏竖线（如果需要的话）。

/* 在你的全局样式文件或者组件内部的样式中添加以下CSS */
/deep/ .el-table .el-table__body-wrapper table tr:not(:last-child) > td,
/deep/ .el-table .el-table__body-wrapper table tr:not(:last-child) > th {
    border-bottom: 1px solid #ebeef5;
}
/deep/ .el-table .el-table__body-wrapper table tr > td:not(:last-child),
/deep/ .el-table .el-table__body-wrapper table tr > th:not(:last-child) {
    border-right: none;
}

如果你不希望对所有的`el-table`实例都应用这样的样式，可以给需要特殊样式的`el-table`添加一个特定的类名，并针对这个类名编写样式。

.custom-table-style /deep/ .el-table__body-wrapper table tr:not(:last-child) > td,
.custom-table-style /deep/ .el-table__body-wrapper table tr:not(:last-child) > th {
    border-bottom: 1px solid #ebeef5;
}

<el-table class="custom-table-style" ...>
    <!-- 表格内容 -->
</el-table>