在现代文档和网页设计中，页码的设置是一个不可或缺的环节。尤其是在需要打印的文档中，页码不仅能够帮助读者找到所需的内容，还能提升文档的专业性和可读性。在许多文档编辑软件中，设置页码相对简单，但在网页设计或其他自定义文档中，可能需要通过代码来完成这一任务。本文将详细介绍如何在页脚的居中位置设置页码，供实际操作参考。

1. 使用CSS样式设置页码

如果你正在使用HTML和CSS进行网页设计，可以通过简单的CSS样式来设置页码。在页面的底部创建一个页脚元素，然后利用CSS将页码居中显示。

<footer>
    <div class="page-number">第 1 页</div>
</footer>
<style>
    footer {
        position: fixed;
        bottom: 0;
        width: 100%;
        text-align: center;
        font-size: 12px;
        border-top: 1px solid #ccc;
        padding: 10px 0;
    }
</style>

在上述代码中，我们使用了`