x
 
<!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>