# PDF页码样式

将HTML转换为PDF，并支持罗马/阿拉伯/章节前缀页码

> 标准页面: https://elysiatools.com/zh/tools/pdf-page-numbering-styles

- **分类:** Document Tools

- **关键词:** pdf, html, page numbers, roman, arabic, chapter, pagination

## 概述

将HTML渲染为PDF，并以指定样式叠加页码。

**页码样式：**
- 阿拉伯或罗马数字
- 章节前缀（支持 `{chapter}` 模板）
- 可选总页数与自定义前后缀

**位置：**
- 页眉/页脚位置
- 边缘偏移与字号

## 输入项

- **HTML内容** (textarea): # Chapter One Write your HTML here...
- **自定义CSS** (textarea): /* Optional custom styles */
- **页面尺寸** (select)
- **横向** (checkbox)
- **打印背景** (checkbox)
- **上边距（毫米）** (number)
- **下边距（毫米）** (number)
- **左边距（毫米）** (number)
- **右边距（毫米）** (number)
- **页码样式** (select)
- **起始页码** (number)
- **显示总页数** (checkbox)
- **章节前缀模板** (text): Chapter {chapter} -
- **章节编号** (number)
- **前缀文字** (text): Page
- **后缀文字** (text)
- **页码位置** (select)
- **边缘偏移（毫米）** (number)
- **页码字号（磅）** (number)
- **页码颜色** (color)
- **等待条件** (select)
- **额外等待时间（毫秒）** (number)

## 适用场景

- 需要将HTML格式的报告、论文或手册转换为PDF，并添加规范页码时。
- 生成的PDF文档需要使用罗马数字（如I, II, III）作为前言或目录的页码时。
- 编写书籍或长篇文档，希望页码能自动包含章节编号（如“第1章 - 1”）时。

## 工作原理

- 在“HTML内容”框中输入或粘贴您的HTML代码，并可选择添加自定义CSS样式。
- 在配置选项中，选择页面尺寸、页边距，并设置页码样式（阿拉伯/罗马/章节前缀）、位置、字体等参数。
- 点击生成按钮，工具将渲染HTML并叠加您配置的页码样式，最终输出一个PDF文件供下载。

## 使用案例

- 为学术论文或毕业论文的HTML草稿添加符合格式要求的页码，生成最终提交的PDF版本。
- 将公司内部的HTML格式季度报告转换为PDF，并添加专业的页码和页眉页脚，便于打印和分发。
- 为电子书或技术手册的HTML源文件生成带章节编号的页码PDF，制作可印刷的样章。

## 常见问题

### 支持哪些页码样式？

支持阿拉伯数字（1, 2, 3）、大写罗马数字（I, II, III）、小写罗马数字（i, ii, iii）以及带自定义章节前缀的样式。

### 如何添加章节前缀？

选择“章节前缀”样式后，在“章节前缀模板”中输入模板，例如“Chapter {chapter} - ”，其中{chapter}会被替换为您设置的章节编号。

### 能否在页码中显示总页数？

可以。勾选“显示总页数”选项，页码将显示为“当前页/总页数”的格式，例如“3/10”。

### 支持哪些页面尺寸？

支持A4、Letter、Legal和A5四种常见的页面尺寸，并可选择纵向或横向排版。

### 如何调整页码在页面上的位置？

通过“页码位置”选项选择页眉或页脚的左、中、右位置，并可通过“边缘偏移”微调其与页面边缘的距离。

## 相关工具

- [HTML转PDF（精确排版）](https://elysiatools.com/zh/tools/html-to-pdf-precise): 使用浏览器渲染HTML/CSS生成精确页眉页脚的PDF
- [HTML转PDF渲染器](https://elysiatools.com/zh/tools/html-to-pdf-renderer): 将有限HTML子集渲染为PDF
- [邮件HTML转PDF](https://elysiatools.com/zh/tools/libreoffice-html-mail-to-pdf): 将邮件HTML内容渲染为PDF并保留基础排版
- [PDF页眉页脚片段](https://elysiatools.com/zh/tools/pdf-header-footer-snippets): 将HTML转换为PDF，并插入Logo/标题/日期等页眉页脚片段
- [PDF表格排版引擎](https://elysiatools.com/zh/tools/pdf-table-layout-engine): 将结构化表格数据渲染为带重复表头与斑马纹的分页PDF
- [PDF转HTML](https://elysiatools.com/zh/tools/pdf-to-html): 将PDF文档转换为HTML网页，保留格式和结构
- [PDF 表格提取到 CSV/JSON](https://elysiatools.com/zh/tools/pdf-table-extractor-to-csv-json): 用 OpenDataLoader 从 PDF 中抽取表格，并导出为结构化 JSON、扁平 CSV 或 HTML 表格
- [PDF 转结构化 Markdown 转换器](https://elysiatools.com/zh/tools/pdf-to-structured-markdown-converter): 基于 OpenDataLoader 将 PDF 转成结构化 Markdown，支持 HTML 富文本、图片引用和分页标记

## 示例

- [PDF示例](https://elysiatools.com/zh/samples/pdf-samples): 2026-02-01 到 2026-02-10 工具生成的PDF示例
- [Markdown 幻灯片示例](https://elysiatools.com/zh/samples/md-slide-deck-to-pdf): 用于测试 PDF 导出的 Remark/Marp 风格 Markdown 幻灯片
- [Cypress E2E 测试框架](https://elysiatools.com/zh/samples/cypress-testing): 全面的Cypress端到端测试示例，包括测试设置、页面对象模型、API测试、视觉回归测试和现代Web应用的高级E2E模式
- [HTML 查看器样本](https://elysiatools.com/zh/samples/html-viewer-samples): 用于浏览器内 HTML 查看器的样本文件

## 相关内容

- [PDF 表单、导航与审阅工作流](https://elysiatools.com/zh/hubs/pdf-forms-navigation-review-workflows): 准备可填写 PDF 表单，补齐内部导航和审阅批注，完善页码页眉页脚，并在交付前核验签名。
- [可打印 PDF 版式工作流](https://elysiatools.com/zh/hubs/print-pdf-layout-workflows): 把 HTML、Markdown、README 或纯文本转换成带页面模板、字体、页眉页脚、页码、目录、多栏和方向检查的精致 PDF。
