以下是一个深圳联系网站模板的示例,可以根据自己的需要进行修改和定制:
HTML代码:
```
t
深圳联系网站t
t
t
t
t
tt深圳联系
tt
tt
```
CSS代码:
```
* {
tbox-sizing: border-box;
}
body {
tbackground-color: #f2f2f2;
tfont-family: Arial, sans-serif;
tpadding: 20px;
}
header {
tbackground-color: #007bff;
tcolor: #fff;
tpadding: 20px;
ttext-align: center;
}
.logo {
twidth: 20px;
theight: 20px;
tbackground-image: url("logo.png");
tbackground-size: cover;
tmargin-top: 20px;
tmargin-bottom: 20px;
}
.title {
ttext-align: center;
tfont-size: 40px;
tmargin-bottom: 20px;
}
main {
tmax-width: 800px;
tmargin: 0 auto;
}
h1 {
tfont-size: 32px;
tmargin-bottom: 20px;
}
form {
tdisplay: flex;
tflex-direction: column;
talign-items: center;
}
.form-group {
tmargin-bottom: 20px;
}
label {
tfont-size: 18px;
tmargin-bottom: 5px;
}
input[type="text"],
input[type="email"],
input[type="tel"] {
twidth: 100%;
tpadding: 10px;
tmargin-bottom: 20px;
tborder-radius: 5px;
tborder: 1px solid #ccc;
tbox-sizing: border-box;
}
button[type="submit"] {
tbackground-color: #007bff;
tcolor: #fff;
tpadding: 10px 20px;
tborder: none;
tborder-radius: 5px;
tcursor: pointer;
}
button[type="submit"]:hover {
tbackground-color: #0056b3;
}
footer {
ttext-align: center;
tfont-size: 18px;
tmargin-top: 20px;
tcolor: #fff;
}
```
这个模板包括一个头部区域、一个主体区域和一个底部区域。头部区域包括一个深圳网站的标志、一个标题和一个版权信息。主体区域包括一个包含公司名称、邮箱、电话和地址的表单,以及一个提交按钮。底部区域包括一个版权信息和一个欢迎词。可以根据自己的需要进行修改和定制。
