制作 HTML 页脚

HTML 页脚是一个网页中非常重要的部分，它一般包括版权信息、联系方式、关于我们等内容。在本文中，我们将介绍如何用 HTML 和 CSS 制作一个简单的页脚。

HTML 页脚基本结构

页脚基本结构比较简单，通常包括版权信息、联系方式、关于我们等内容。我们可以使用 HTML 标签 footer 来创建页脚。下面是一个示例代码：

<footer>
  <div class="container">
    <p>版权所有 © 2021 My Website</p>
    <p>联系我们：info@mywebsite.com</p>
    <p><a href="#">关于我们</a></p>
  </div>
</footer>

在上述代码中，我们使用了一个 div 元素来创建一个容器，其中包含三个 p 元素，分别用于显示版权信息、联系方式和关于我们。在实际开发中，我们可以根据具体情况添加或删除这些元素，以满足自己的需求。

CSS 样式

现在，我们来为页脚添加一些样式。下面是一个简单的样式表：

footer {
  background-color: #f4f4f4;
  color: #333;
  padding: 20px;
  text-align: center;
}

footer p {
  margin: 10px 0;
}

footer a {
  color: #2288bb;
  text-decoration: none;
}

在上述样式表中，我们为 footer 元素设置了灰色背景、黑色文字、20 像素的内边距和中心对齐。我们还为 p 元素设置了上下边距为 10 像素，并为链接设置了蓝色色彩和无下划线的文本装饰。

结语

现在，我们就成功地创建了一个简单的 HTML 页脚。我们可以根据自己的需求修改上述代码，以满足自己的需求。如果你需要更复杂的页脚，你也可以使用 JavaScript 和其他技术来实现。