以下是一个简单的个人网站设计模板,可以在此基础上进行修改和定制:
HTML结构:
```html
个人网站
```
CSS样式:
```css
body {
font-family: Arial, sans-serif;
}
header {
background-color: #000000;
color: #fff;
padding: 20px;
text-align: center;
}
nav ul {
list-style-type: none;
padding: 0;
}
nav li {
display: inline-block;
margin-right: 10px;
}
nav a {
color: #fff;
text-decoration: none;
padding: 10px 15px;
}
main {
display: flex;
flex-direction: column;
align-items: center;
}
main h1 {
margin-bottom: 20px;
}
main ul {
margin: 0;
padding: 0;
}
main li {
margin-bottom: 20px;
}
main li h2 {
margin-bottom: 10px;
}
main li p {
font-size: 16px;
}
footer {
background-color: #000000;
color: #fff;
padding: 20px;
text-align: center;
}
```
