以下是一个简单的传奇网站设计模板,可以根据具体需求进行修改:
HTML结构:
```html
传奇网站
```
CSS样式:
```css
body {
background-color: #f2f2f2;
}
header {
background-color: #007bff;
color: #fff;
padding: 20px;
text-align: center;
}
nav ul {
list-style-type: none;
padding: 0;
}
nav li {
display: inline-block;
margin-right: 10px;
}
nav a {
color: #007bff;
text-decoration: none;
}
main {
margin: 50px auto;
max-width: 600px;
padding: 20px;
background-color: #fff;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
section {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 30px;
}
section h1 {
margin-bottom: 0;
}
section p {
margin-bottom: 15px;
}
section . Story {
background-color: #f2f2f2;
padding: 20px;
}
section .装备 {
background-color: #007bff;
padding: 20px;
}
section .任务 {
background-color: #f2f2f2;
padding: 20px;
}
footer {
background-color: #007bff;
color: #fff;
padding: 20px;
text-align: center;
}
```
这个模板包括一个基本的HTML结构,以及一个CSS样式表,可以帮助开发人员创建一个具有传奇元素元素的网站。
