请给我编写一个单页前端
时间: 2024-05-06 17:16:21 浏览: 13
好的,以下是一个简单的单页前端:
```html
<!DOCTYPE html>
<html>
<head>
<title>我的单页前端</title>
<meta charset="UTF-8">
<style type="text/css">
body{
margin:0;
padding:0;
}
header{
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
}
main{
padding: 20px;
text-align: center;
}
button{
background-color: #4CAF50;
border:none;
color:#fff;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
cursor: pointer;
}
</style>
</head>
<body>
<header>
<h1>欢迎来到我的单页前端</h1>
</header>
<main>
<h2>这里是主要内容区域</h2>
<p>可以放置任何你想展示的内容</p>
<button>点击我</button>
</main>
</body>
</html>
```
这个前端包括了一个简单的页面结构,包括顶部标题和主要内容区域,以及一个按钮元素。你可以替换标题、内容和按钮文本,以适应你自己的需求。