我现在用的这个主题，默认的表格样式太难看，修改了一下，现在舒服多了。
css代码如下：

.post-content table {
    width: 100%; /*表格宽度*/
    max-width: 65em; /*表格最大宽度，避免表格过宽*/
    border: 1px solid #dedede; /*表格外边框设置*/
    /*margin: 15px auto; 外边距*/
    border-collapse: collapse; /*使用单一线条的边框*/
    empty-cells: show; /*单元格无内容依旧绘制边框*/
}

.post-content table th,
.post-content table td {
  height: 35px; /*统一每一行的默认高度*/
  border: 1px solid #dedede; /*内部边框样式*/
  padding: 0 10px; /*内边距*/
}
.post-content table th {
    font-weight: bold; /*加粗*/
    text-align: center !important; /*内容居中，加上 !important 避免被 Markdown 样式覆盖*/
    background: rgba(158,188,226,0.2); /*背景色*/
}
.post-content table tbody tr:nth-child(2n) { background: rgba(158,188,226,0.12); }
.post-content table tr:hover {    background: #efefef; }
.post-content table th {    white-space: nowrap; /*表头内容强制在一行显示*/}

效果如下：

这个效果我很满意。
以上。

本文作者：老徐

本文链接：https://bigger.ee/archives/typecho-markdown-table-style.html

转载时须注明出处及本声明