游戏网站模板有很多种,下面是一个简单的游戏网站模板示例,可以根据自己的需要进行修改:
HTML代码:
```html

```
CSS代码:
```css
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
background-color: #f2f2f2;
border-radius: 5px;
}
.header {
background-color: #333;
color: #fff;
padding: 20px;
border-radius: 5px;
text-align: center;
}
.content {
padding: 20px;
background-color: #fff;
border-radius: 5px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
h1 {
margin-bottom: 20px;
}
h2 {
margin-bottom: 10px;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
li {
margin-bottom: 10px;
}
.image {
width: 200px;
height: 200px;
margin-bottom: 10px;
background-color: #fff;
border-radius: 50%;
}
.info {
width: 200px;
height: 200px;
margin-bottom: 20px;
background-color: #fff;
border-radius: 5px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
padding: 20px;
}
```
这个模板包括一个头部元素、一个游戏列表、一个游戏详情元素以及一个图片元素。头部元素包括一个标题、一个背景色、一个边框半径和一个居中对齐的标签。游戏列表和游戏详情元素都使用ul列表和li子元素,并使用margin和padding属性来使列表看起来流畅。游戏详情元素包括一个img元素和一个Info元素,Info元素包括游戏介绍、游戏描述、游戏时间、游戏评价等相关信息。CSS样式包括背景色、边框半径、列表样式以及Info元素的样式。
当然,这只是一个模板,可以根据自己的需要进行修改和优化,例如添加更多的游戏、改变页面布局、添加广告等。