web怎么在网页末尾一个框里包含些文字,请给出具体代码
时间: 2024-11-25 21:31:37 浏览: 4
javaScript让文本框内的最后一个文字的后面获得焦点实现代码
要在HTML网页的末尾添加一个包含文本的框,你可以创建一个`<div>`元素,并设置它的样式,例如通过CSS定位在底部。这里有一个简单的示例:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<style>
.footer-text {
position: fixed;
bottom: 0; /* 将其固定在页面底部 */
width: 100%; /* 宽度覆盖整个屏幕 */
background-color: #f5f5f5; /* 颜色可根据需要自定 */
padding: 10px; /* 边距,增加阅读舒适感 */
box-sizing: border-box; /* 包含内边距和边框的宽度计算 */
color: #333; /* 文字颜色 */
text-align: center; /* 文本居中对齐 */
}
</style>
</head>
<body>
<!-- 主体内容... -->
<!-- 网页底部的文字框 -->
<div class="footer-text">
这是在网页底部的内容。
</div>
</body>
</html>
```
在这个例子中,`.footer-text`是一个类名,你可以根据需要调整样式。将上述代码粘贴到HTML文件中,然后浏览器打开就会看到一个包含指定文字的灰色底纹框出现在网页底部。
阅读全文