以下是一个简单的家教信息网站模板,可以根据需要进行修改和自定义:
HTML代码:
```html
t
家教信息网站t
t
t
t
t
t
tt
tt
tt
t```
CSS代码:
```css
body {
tbackground-color: #f2f2f2;
}
header {
tbackground-color: #007bff;
tcolor: #fff;
tpadding: 20px;
ttext-align: center;
}
nav ul {
tlist-style-type: none;
tpadding: 0;
}
nav li {
tdisplay: inline-block;
}
nav a {
tcolor: #007bff;
ttext-decoration: none;
}
main {
tmargin: 0 auto;
twidth: 80%;
}
section {
tmargin: 0 auto;
tpadding: 20px;
}
h2 {
ttext-align: center;
tmargin-bottom: 10px;
}
form {
tdisplay: flex;
tflex-direction: column;
}
h2 input[type="text"],
h2 input[type="tel"],
h2 input[type="email"],
h2 input[type="qq"],
h2 input[type="微信"] {
tmargin-bottom: 10px;
tpadding: 5px;
tborder: none;
tborder-radius: 5px;
twidth: 100%;
}
form input[type="submit"] {
tbackground-color: #4CAF50;
tcolor: #fff;
tpadding: 10px 20px;
tborder: none;
tborder-radius: 5px;
tcursor: pointer;
}
```
