正文排版效果一览
这段是说明
这篇是给你看样式改动的，正文里把几种常见元素都放了一遍：加粗、斜体、普通链接 和 行内代码。
行内代码现在是这样：page.get_by_role("button", name="保存")，底色浅灰、带细边框、字体等宽，长一点也不会换行。
代码块
Python 示例，记得把鼠标移到代码块上，右上角会出现「复制」按钮：
from playwright.sync_api import sync_playwright
def main():
with sync_playwright() as p:
browser = p.chromium.launch(headless=True)
page = browser.new_page()
page.goto("http://127.0.0.1:5000/test/")
page.get_by_role("link", name="测试中心").click()
assert "测试中心" in page.title()
browser.close()
if __name__ == "__main__":
main()
Shell 示例：
python -m pytest tests/ -v --maxfail=1
docker compose -f docker-compose.prod.yml.yaml up -d --force-recreate
引用
测试用例的价值不在数量，而在「看一遍就知道该测什么」。 如果读完还要问“这个场景怎么验”，说明写得不够清楚。
表格
| 元素 | 改动前 | 改动后 |
|---|---|---|
| 行内代码 | 灰底、无边框 | 浅灰底 + 细边框 + 等宽字体 |
| 代码块 | 深灰圆角 6px | 深蓝黑圆角 10px、行高 1.7 |
| 复制按钮 | 无 | 悬停出现，点击复制全文 |
| 引用 | 左侧蓝线 | 浅灰底 + 圆角 + 细蓝线 |
| 表格 | 无斑马纹 | 表头浅灰、隔行浅色 |
列个清单
- 行内代码加了描边，边界更清楚
- 代码块可以一键复制
-
表格隔行变色，横向阅读不容易串行
-
无序列表也顺便看下
- 第二行
- 第三行
到这里就结束了，如果哪里的样式还想调，直接说元素名就行。