以下是一个基础的底部悬浮代码,你可以根据需要进行修改:

HTML:

<footer class="footer">
  <div class="container">
    <div class="row">
      <div class="col-md-6">
        <p>这里是底部悬浮的内容</p>
      </div>
      <div class="col-md-6 text-right">
        <a href="#">返回顶部</a>
      </div>
    </div>
  </div>
</footer>

CSS:

.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #f5f5f5;
  padding: 20px 0;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
}

.footer p {
  margin: 0;
}

.footer a {
  color: #337ab7;
  text-decoration: none;
}

.footer a:hover {
  text-decoration: underline;
}

这个代码会在页面底部悬浮一个固定位置的 footer,其中包含一个左侧文本和一个右侧的“返回顶部”链接。你可以根据需要自定义样式和内容。

写一个底部悬浮的代码

原文地址: https://www.cveoy.top/t/topic/bUs6 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录