css3 打印增加页码 |css鼠标等待

@media print {
/* 定义一个带有页码的样式 */
.page-number:after {
counter-increment: page;
content: " - " counter(page) " - ";
}
/* 将页码添加到页脚 */
footer:after {
content: counter(page);
}
}

以上代码使用了@media print媒体查询，表示在打印时应用以下样式。在样式中，大家定义了一个带有页码的样式.page-number:after，并且使用了counter-increment和content属性来实现自动增加页码的效果。接着，在页脚中使用了:after伪元素，并在其中添加了counter(page)来展示当前页面的页码。

通过以上的CSS3代码，大家可以在打印时自动增加页码，让大家更加方便地查看和管理文档。在实际的项目中，大家可以根据需求自定义样式，并在其中加入页码的功能，以实现更好的打印效果。