很高兴为您提供Emlog博客网站模板的示例。以下是一个简单的HTML和CSS代码示例,您可以根据需要进行修改和自定义。
```html
Emlog博客网站模板
这里是About页面
这里是About页面的内容。
```
```css
/* 定义页面样式 */
body {
background-color: #f2f2f2;
font-family: Arial, sans-serif;
}
header {
background-color: #007bff;
color: #fff;
padding: 20px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.logo {
width: 20px;
height: 20px;
background-color: #007bff;
border-radius: 50%;
margin-top: 10px;
}
.title {
width: 100%;
text-align: center;
font-size: 36px;
font-weight: bold;
margin-top: 20px;
}
nav ul {
list-style-type: none;
padding: 0;
}
nav li {
margin-right: 20px;
}
main {
display: flex;
flex-direction: column;
}
section {
flex: 1;
margin-bottom: 20px;
}
h1 {
margin-bottom: 10px;
font-size: 36px;
color: #fff;
}
p {
margin-bottom: 20px;
}
.author {
color: #007bff;
font-size: 18px;
margin-bottom: 10px;
}
.year {
font-size: 18px;
color: #fff;
margin-bottom: 10px;
}
```
这是一个简单的Emlog博客网站模板,您可以根据需要进行修改和自定义。希望这可以帮助您开始创建您自己的Emlog博客网站模板。
