以下是一个简单的网页素材网站模板,您可以根据需要进行更改和自定义:
```html
素材网站模板
```
CSS样式表:
```css
header {
background-color: #333;
color: #fff;
padding: 20px;
display: flex;
justify-content: center;
align-items: center;
}
.logo {
width: 100px;
height: 100px;
margin-right: 20px;
display: flex;
justify-content: center;
align-items: center;
font-size: 30px;
font-weight: bold;
}
.header-text {
color: #fff;
text-align: center;
font-size: 24px;
}
nav ul {
margin-bottom: 20px;
}
nav li {
display: flex;
justify-content: space-between;
}
nav li a {
color: #333;
padding: 10px 20px;
text-decoration: none;
}
main {
display: flex;
flex-direction: column;
align-items: center;
}
section {
margin-bottom: 50px;
}
.content h1 {
margin-bottom: 20px;
}
.content p {
margin-bottom: 30px;
}
.contact h1 {
margin-bottom: 20px;
}
.contact p {
margin-bottom: 30px;
}
```
此模板包括一个头部导航栏、一个内容区、一个联系我们区以及一个底部footer。您可以将此模板作为基础,然后添加您自己的样式和内容,以便您自己的素材网站更具个性化和吸引力。
