Page Number Tool
Set page number format and position, generate usable code
📖 User Guide Click to view detailed usage instructions
Collapse Expand
📖 User Guide
Click to view detailed usage instructions
Page Number Tool
Free online page number generator, support numeric, Roman, alphabetic, Chinese formats, set page number position and prefix/suffix, generate CSS, HTML, JavaScript code, one-click copy.
Main Features
1. Multiple Page Number Formats
- Numeric: 1, 2, 3, 4, 5...
- Roman: I, II, III, IV, V...
- Alphabetic: A, B, C, D, E...
- Chinese: 一, 二, 三, 四, 五...
2. Flexible Positioning
- Top Left, Center, Right
- Bottom Left, Center, Right
- 6 position options
3. Custom Prefix and Suffix
- Add prefix: e.g. "Page"
- Add suffix: e.g. "of 10"
- Combined display: e.g. "Page 1 of 10"
4. Total Pages Display
- Option to show total pages
- Format: e.g. 1 / 10 or Page 1 of 10
How to Use
- Select page number format
- Select page number position
- Set start number
- Add prefix/suffix (optional)
- Choose whether to show total pages
- Click "Copy Result"
Use Cases
- Document Layout: Add page numbers to Word/PowerPoint
- Report Making: Add professional page numbers to reports
- E-books: Add page numbers to PDF/EPUB
- Print Settings: Configure page numbers in print styles
FAQ
Supports Roman numerals?
Yes, select "Roman" format to generate I, II, III page numbers.
Can set start page number?
Yes, set the number in "Start Number" input box.
How to apply in Word?
Copy generated HTML code, use "Insert HTML" function in Word.
Page Number Preview
Document Content
1
Generated Code
css@page {
margin: 2cm;
}
@media print {
.page-number {
position: bottom;
left: 0; right: 0: 2cm;
text-align: center;
font-family: Arial, sans-serif;
font-size: 12pt;
color: #333;
content: "" counter(page) "";
}
body {
counter-reset: page;
}
}