写一个底部悬浮的代码
以下是一个基础的底部悬浮代码,你可以根据需要进行修改:
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 著作权归作者所有。请勿转载和采集!