以下是一个简单的微网站模板,你可以根据需要进行修改:
HTML代码:
```html
微网站 ```
CSS代码:
```css
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background-color: #f2f2f2;
font-family: Arial, sans-serif;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
background-color: #fff;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.header {
background-color: #1a1a1a;
color: #fff;
padding: 20px;
text-align: center;
border-bottom: 1px solid #ccc;
}
h1 {
font-size: 36px;
margin-bottom: 20px;
}
.content {
background-color: #fff;
padding: 20px;
border-bottom: 1px solid #ccc;
}
a {
color: #1a1a1a;
text-decoration: none;
margin-bottom: 10px;
}
a:hover {
background-color: #1a1a1a;
color: #fff;
}
```
这个模板包含一个头部元素、一个主体元素和一个底部链接元素。头部元素包含标题,主体元素包含内容,底部链接元素包含链接到页面底部。CSS样式表包括背景颜色、字体、边距、阴影和文本颜色等设置。你可以根据需要修改CSS样式表,以适合你的微网站需求。