写一个网页底部并且居中
时间: 2024-01-15 21:08:57 浏览: 82
用js 让图片在 div或dl里 居中,底部对齐
您可以使用如下的HTML和CSS代码来创建一个居中的网页底部:
HTML代码:
<footer>这里放置网页底部的内容</footer>
CSS代码:
footer {
position: fixed;
bottom: 0;
width: 100%;
text-align: center;
background-color: #f5f5f5;
padding: 20px 0;
font-size: 20px;
font-weight: bold;
}
解释:
- position: fixed; 将元素固定在屏幕底部。
- bottom: 0; 将元素与屏幕底部对齐。
- width: 100%; 将元素宽度设置为100%。
- text-align: center; 将元素内部文本居中对齐。
- background-color: #f5f5f5; 设置元素的背景颜色。
- padding: 20px 0; 设置元素上下的比较大的内边距。
- font-size: 20px; 设置元素内部字体大小。
- font-weight: bold; 设置元素内部字体加粗。
阅读全文