markdown预览的table样式不好看

请仔细说明自己遇到的问题,以下是参考模板。这里不要求非得按模板发帖,但内容中包含相关要素能让大家更好地帮助你。


遇到的问题

Obsidian 的手机默认markdown table的样式不好看,请问如何变好看?网上的css和chatgpt给的css都没法让它变好看。

预期的效果

希望可以通过CSS使表格变好看,无需在markdown源码上做修改。

左边我原本的Synology Note的预览样式,我觉得容易读和好看。

右边是Obsidian 自带的效果。我把字体调小了但是效果也达不到预期。

已尝试的解决方案

尝试了调小字体和改CSS, 达不到预期效果

这是原表格markdown,方便调试


## 💪 每周四次全身分化训练计划(每次重点不同)

| 周几  | 主练部位            | 具体细节            | 推荐动作                                                                                                  |
| --- | --------------- | --------------- | ----------------------------------------------------------------------------------------------------- |
| 周一  | 胸 + 三头肌 + 核心    | 推类为主,锻炼上半身前侧肌群  | - 杠铃卧推  <br>- 上斜哑铃卧推  <br>- 双杠臂屈伸或俯卧撑  <br>- 绳索下压  <br>- 仰卧卷腹 / 悬空抬腿                                  |
| 周二  | 背 + 二头肌 + 腿后侧   | 拉类训练 + 弯举 + 腿后链 | - 引体向上或高位下拉  <br>- 杠铃划船 / 坐姿划船  <br>- 硬拉(罗马尼亚式)  <br>- 腿弯举  <br>- 杠铃弯举 / 哑铃交替弯举                       |
| 休息  | ——              | 有条件可轻度有氧、拉伸     | ——                                                                                                    |
| 周四  | 腿 + 臀 + 核心      | 下半身日,注重腿部全面发展   | - 深蹲(自由或史密斯机)  <br>- 腿举机  <br>- 保加利亚分腿蹲或箭步蹲  <br>- 臀桥 / 臀推  <br>- 俄罗斯转体 / 侧腹卷腹                        |
| 周六  | 肩 + 全身综合(轻HIIT) | 增加稳定性 + 辅助小肌群   | - 哑铃推举 / 杠铃颈前推举  <br>- 侧平举 + 前平举  <br>- 俯身飞鸟(后束)  <br>- 引体向上 / 轻重量复合动作(如壶铃摆动)  <br>- 15分钟 HIIT 跳绳/划船机 |

表头的文字方向和居中可以用下列css改:

tbody > tr > td:first-child{
  writing-mode: vertical-lr!important;
}
tr > th{
  text-align: center!important;
  padding: 20px 0!important;
}

效果如图:

如何添加css脚本:【新手向教程】OB样式调整基础课:CSS入门科普

宽度建议在表格中用html语法改了,不然css直接修改所有表格的第一列不太合适吧