以下是一个简单的班级网站模板,供您参考:
HTML代码:
```html
t
班级网站t
t
t
t
t
t
tt
tt
ttt班级简介
ttt班级简介:本班共有30人,男生15人,女生15人,均为高中生。我们将努力学习,共同进步。
tt
tt
```
CSS代码:
```css
* {
tbox-sizing: border-box;
}
body {
tfont-family: Arial, sans-serif;
tbackground-color: #f2f2f2;
tcolor: #333;
tpadding: 0;
tmargin: 0;
}
header {
tbackground-color: #1C2732;
tcolor: #fff;
tpadding: 20px;
tdisplay: flex;
tjustify-content: center;
talign-items: center;
tfont-size: 24px;
tfont-weight: bold;
}
.logo {
twidth: 200px;
theight: 50px;
tmargin: 0 auto;
tbackground-image: url('logo.png');
tbackground-size: cover;
tbackground-repeat: no-repeat;
tbackground-position: center center;
}
.title {
ttext-align: center;
tfont-size: 36px;
tfont-weight: bold;
}
nav ul {
tlist-style: none;
tmargin: 0;
tpadding: 0;
}
nav li {
tmargin-right: 20px;
}
nav a {
tcolor: #1C2732;
ttext-decoration: none;
}
main {
twidth: 80%;
tpadding: 20px;
}
section {
tmargin-bottom: 30px;
}
.class-list {
tmargin-bottom: 20px;
}
.class-info {
tmargin-bottom: 20px;
}
input[type="text"],
input[type="number"] {
twidth: 100%;
tpadding: 10px;
tmargin-bottom: 10px;
}
.copyright {
ttext-align: center;
tfont-size: 18px;
tfont-weight: bold;
tcolor: #1C2732;
tmargin-top: 20px;
}
```