编写web前端开发技术教学反馈页面代码
时间: 2023-07-29 19:07:45 浏览: 51
以下是一个简单的Web前端开发技术教学反馈页面的HTML和CSS代码:
HTML代码:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Web前端开发技术教学反馈</title>
<link rel="stylesheet" href="feedback.css">
</head>
<body>
<header>
<h1>Web前端开发技术教学反馈</h1>
</header>
<form>
<label for="name">姓名:</label>
<input type="text" id="name" name="name" required>
<label for="email">邮箱:</label>
<input type="email" id="email" name="email" required>
<label for="feedback">反馈内容:</label>
<textarea id="feedback" name="feedback" required></textarea>
<button type="submit">提交</button>
</form>
</body>
</html>
```
CSS代码:
```css
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
}
header {
background-color: #333;
color: #fff;
text-align: center;
padding: 20px;
}
form {
background-color: #fff;
border: 1px solid #ccc;
padding: 20px;
margin: 20px auto;
max-width: 500px;
}
label {
display: block;
margin-bottom: 10px;
}
input[type=text],
input[type=email],
textarea {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
margin-bottom: 20px;
}
button[type=submit] {
background-color: #333;
color: #fff;
border: none;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
}
button[type=submit]:hover {
background-color: #555;
}
```
您可以根据需要进行修改和完善,以满足您的实际需求。