# 有什么好方法能让表格更好看吗？

**URL:** <https://meta.discourse.org/t/is-there-a-good-way-to-make-the-table-more-beautiful/183980>\
**Category:** Support\
**Created:** [2021年三月22日 02:15 UTC](https://meta.discourse.org/t/is-there-a-good-way-to-make-the-table-more-beautiful/183980 "2021-03-22T02:15:48Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![xiasummer](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/xiasummer/32/82790_2.png) [@xiasummer](https://meta.discourse.org/u/xiasummer)\
**Post date:** [2021年三月22日 02:15 UTC](https://meta.discourse.org/t/is-there-a-good-way-to-make-the-table-more-beautiful/183980/1 "2021-03-22T02:15:48Z")

</div>

大家好，

我同时在使用 Discourse 和 ShowDoc。

我觉得 ShowDoc 的表格非常漂亮，但 Discourse 的表格看起来不够“清晰”。

ShowDoc 的表格有一个蓝色的表头，如下所示：

 ![image](https://global.discourse-cdn.com/meta/original/3X/3/c/3cb469805b6973b33e056ccbffa4f98732eedecf.png)

但在 Discourse 中，表格不够清晰，无法与其他文本区分开来，如下所示：

| A | B | C |
| --- | --- | --- |
| 1 | 2 | 3 |
| 2 | 3 | 4 |

我们有没有办法让 Discourse 中的表格更美观？比如也添加一个蓝色的表头。

---

<div class="post-metadata">

**Author:** ![jomaxro](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jomaxro/32/126216_2.png) [@jomaxro](https://meta.discourse.org/u/jomaxro)\
**Post date:** [2021年三月22日 02:48 UTC](https://meta.discourse.org/t/is-there-a-good-way-to-make-the-table-more-beautiful/183980/2 "2021-03-22T02:48:42Z")

</div>

当然，站点管理员可以添加主题来修改表格的外观。例如，可以使用以下代码将表头设置为蓝色背景并配以白色文字：

```css
.cooked table thead th, .d-editor-preview table thead th {
    background: dodgerblue;
    color: white;
}

```

以下代码则会在单元格的左右两侧添加边框：

```css
.cooked table td, .d-editor-preview table td {
    border-right: 1px solid var(--primary-low);
    border-left: 1px solid var(--primary-low);
}

```

 ![image](https://global.discourse-cdn.com/meta/original/3X/9/0/9013f70571238b3ea17d5b888a2af1f1a76ef743.png)

---

<div class="post-metadata">

**Author:** ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)\
**Post date:** [2022年十月11日 00:32 UTC](https://meta.discourse.org/t/is-there-a-good-way-to-make-the-table-more-beautiful/183980/3 "2022-10-11T00:32:47Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.