📜  复制正确的 html 页脚 - Html (1)

📅  最后修改于: 2023-12-03 14:51:39.656000             🧑  作者: Mango

复制正确的 html 页脚 - Html

下面是一个丰富内容的 HTML 页脚的代码示例:

<footer>
  <div class="container">
    <div class="row">
      <div class="col">
        <h3>About Us</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt, libero at pulvinar tempus, tortor libero sodales lorem, et cursus mauris est vitae massa.</p>
      </div>
      <div class="col">
        <h3>Links</h3>
        <ul>
          <li><a href="#">Home</a></li>
          <li><a href="#">About</a></li>
          <li><a href="#">Services</a></li>
          <li><a href="#">Contact</a></li>
        </ul>
      </div>
      <div class="col">
        <h3>Contact Us</h3>
        <p>123 Main Street, New York, NY 12345</p>
        <p>Email: info@example.com</p>
        <p>Phone: (123) 456-7890</p>
      </div>
    </div>
  </div>
</footer>

此代码示例展示了一个典型的 HTML 页脚结构。页脚包含了关于网站的简介信息、导航链接和联系方式。容器、行和列的布局使页面看起来更整洁和有序。

你可以根据自己的需要自定义 HTML 页脚的样式,例如使用 CSS 添加样式类、添加更多的列或更改内容。

希望这个代码片段对你有所帮助!