以下是一个运动网站模板的基本框架,可以根据需要进行自定义:
```html
运动网站模板
```
CSS样式表:
```css
/* 页面样式表 */
body {
font-family: Arial, sans-serif;
}
header {
background-color: #1A2736;
padding: 20px;
color: #fff;
text-align: center;
}
nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}
nav li {
display: inline-block;
margin-right: 10px;
}
nav a {
color: #1A2736;
text-decoration: none;
}
main {
background-color: #fff;
padding: 20px;
display: flex;
justify-content: center;
align-items: center;
}
main .content {
margin-bottom: 30px;
}
main .content h1 {
margin-bottom: 10px;
}
main .content ul {
margin-bottom: 20px;
}
main .content li {
margin-bottom: 5px;
}
main .content a {
color: #1A2736;
text-decoration: none;
}
main .content a:hover {
color: #0098ff;
}
main .装备 {
background-color: #f1f1f1;
padding: 10px;
}
main .装备 h1 {
margin-bottom: 10px;
}
main .装备 ul {
margin-bottom: 20px;
}
main .装备 li {
margin-bottom: 5px;
}
main .用户中心 {
background-color: #f1f1f1;
padding: 10px;
}
main .用户中心 h1 {
margin-bottom: 10px;
}
main .用户中心 ul {
margin-bottom: 20px;
}
main .用户中心 li {
margin-bottom: 5px;
}
footer {
background-color: #1A2736;
padding: 20px;
color: #fff;
text-align: center;
}
```
这个运动网站模板包含了一个包含运动项目、装备介绍、用户评价等页面,同时也支持用户注册登录功能。
