以下是一个简单的个人画册网站模板,你可以根据自己的需要进行修改:
```
个人画册
```
CSS样式表:
```
* {
box-sizing: border-box;
}
body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
background-color: #f7f7f7;
}
header {
background-color: #333;
color: #fff;
padding: 20px;
border-bottom: 1px solid #ccc;
}
.logo {
width: 100px;
height: 100px;
margin-bottom: 20px;
border-radius: 50px 50px 0 0;
padding: 10px;
}
.title {
text-align: center;
font-size: 36px;
margin-bottom: 20px;
}
nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}
nav li {
display: inline-block;
margin-right: 20px;
}
.nav a {
color: #fff;
text-decoration: none;
font-size: 24px;
}
main {
width: 80%;
margin-bottom: 30px;
}
section {
display: flex;
flex-wrap: wrap;
margin-bottom: 30px;
}
.pages h1 {
margin-bottom: 10px;
}
.pages ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.pages li {
margin-bottom: 10px;
}
.pages a {
color: #fff;
text-decoration: none;
}
.pages a:hover {
color: #333;
}
footer {
text-align: center;
padding: 20px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
```
