以下是一个员工证件协议网站模板,您可以根据需要进行修改和定制。
## 首页
```html
t
t
员工证件协议t
t
```
## 协议文本
```html
t
t
员工证件协议t
t
tt
员工证件协议
tt
t```
## 样式表
```css
body {
tfont-family: Arial, sans-serif;
tmargin: 0;
tpadding: 0;
}
h1 {
ttext-align: center;
tmargin-top: 20px;
}
form {
tdisplay: flex;
tflex-direction: column;
}
label {
tmargin-bottom: 5px;
}
input[type="text"], input[type="email"], input[type="tel"], input[type="date"] {
tpadding: 10px;
tmargin-bottom: 10px;
tborder-radius: 5px;
tborder: 1px solid #ccc;
}
input[type="submit"] {
tbackground-color: #4CAF50;
tcolor: white;
tpadding: 10px 20px;
tborder: none;
tborder-radius: 5px;
tcursor: pointer;
}
input[type="submit"]:hover {
tbackground-color: #3e8e41;
}
.container {
twidth: 50%;
tmargin-top: 20px;
tpadding: 20px;
tbackground-color: #fff;
tborder-radius: 5px;
tbox-shadow: 0 0 10px rgba(0,0,0,0.1);
}
h1:hover {
tbackground-color: #3e8e41;
}
#name {
twidth: 100px;
tmargin-bottom: 20px;
}
#email {
twidth: 100px;
tmargin-bottom: 20px;
}
#phone {
twidth: 100px;
tmargin-bottom: 20px;
}
#address {
twidth: 100px;
tmargin-bottom: 20px;
}
#date {
twidth: 100px;
tmargin-bottom: 20px;
}
```