W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <head> <style> @page :first { margin-left: 40%; margin-top: 50%; } @page :left { margin-left: 10%; margin-top: 10%; } @page :right { margin-left: 90%; margin-top: 90%; } p { page-break-after: always; } </style> </head> <body> <h1>@page 演示</h1> <p>第一页！</p> <p>第二页！</p> <p>第三页！</p> <p>点击按钮将文档发送到打印机，并查看打印预览中的效果！</p> <button>打印页面</button> <script> document.querySelector("button").addEventListener("click", () => { window.print(); // 调用浏览器的打印功能 }); </script> </body> </html>