能不能帮我实现一个html程序,背景使用一张铺满,界面中间放置一个文本展示框
时间: 2023-05-22 15:06:04 浏览: 74
用HTML页面做程序界面演示程序
3星 · 编辑精心推荐
可以的,您可以使用下面的HTML代码:
```
<!DOCTYPE html>
<html>
<head>
<title>HTML程序</title>
<style>
body {
background-image: url('背景图片的链接地址');
background-repeat: no-repeat;
background-size: cover;
}
#text-box {
background-color: #fff;
width: 80%;
height: 500px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 20px;
box-sizing: border-box;
border: 1px solid #000;
overflow-y: scroll;
font-size: 20px;
line-height: 1.5;
font-family: sans-serif;
}
</style>
</head>
<body>
<div id="text-box">
<p>在这里展示文本内容</p>
</div>
</body>
</html>
```
您只需要将背景图片的链接地址替换成您想要的图片链接,将文本内容添加至文本展示框中即可。
阅读全文