html+css写一个好看评论的表单

好的，以下是一个简单的HTML和CSS评论表单示例：

HTML代码：

<form method="POST" action="submit_comment.php" class="comment-form">
  <div class="form-group">
    <label for="name">Name:</label>
    <input type="text" id="name" name="name" required>
  </div>
  <div class="form-group">
    <label for="email">Email:</label>
    <input type="email" id="email" name="email" required>
  </div>
  <div class="form-group">
    <label for="comment">Comment:</label>
    <textarea id="comment" name="comment" required></textarea>
  </div>
  <button type="submit" class="btn btn-primary">Submit</button>
</form>

CSS代码：

.comment-form {
  background-color: #f9f9f9;
  padding: 20px;
  border-radius: 5px;
}

.form-group {
  margin-bottom: 10px;
}

label {
  display: block;
  font-weight: bold;
}

input[type="text"],
input[type="email"],
textarea {
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  border: none;
  background-color: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

textarea {
  height: 150px;
}

button[type="submit"] {
  background-color: #007bff;
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

button[type="submit"]:hover {
  background-color: #0062cc;
}

这个表单有一个灰色的背景，具有圆角边框和阴影效果。表单字段使用白色背景和圆角边框。提交按钮使用蓝色背景和白色文本。当鼠标悬停在提交按钮上时，背景颜色会变成深蓝色。