好的,以下是一个简单的清新博客网站模板,你可以根据自己的需要进行修改:
HTML代码:
```html



t
t
t
t


t

tt

博客网站模板

t

t
t

tt

博客标题

tt

这里是博客正文。

t

t


```
CSS样式说明:
- `body` 元素设置博客网站模板的背景色为深灰色。
- `header` 元素设置博客网站模板的标题,使用 Flexbox 布局将标题居中。
- `nav` 元素设置导航菜单的背景色和边框样式,以及列表项的样式。
- `nav ul` 元素定义导航菜单的列表,使用 Flexbox 布局将列表项居中。
- `nav li` 元素定义导航菜单的子列表,使用列表标记(margin-right: 20px)将子列表项向右偏移。
- `nav a` 元素定义导航菜单的子列表项的链接样式,使用 Color 属性定义链接文本颜色和下划线样式。
- `main` 元素设置博客网站模板的主页面,使用 Flexbox 布局将页面居中。
- `main p` 元素定义博客文章的标题和正文,使用 HTML 标签(font-size: 18px;margin: 0;)和 CSS 样式(font-size: 18px;margin: 0;)设置标题和正文字体大小和间距。
- `main` 元素还设置了一个可选的footer元素,用于添加网站版权信息。
以上就是一个简单的清新博客网站模板的 HTML 和 CSS 代码示例,希望对你有所帮助!