在一个容器中设置form方法和子元素的样式

<form class="form-container">
  <label for="name">姓名：</label>
  <input type="text" id="name" name="name">

  <label for="email">邮箱：</label>
  <input type="email" id="email" name="email">

  <label for="message">留言：</label>
  <textarea id="message" name="message"></textarea>

  <input type="submit" value="提交">
</form>

.form-container {
  width: 300px;
  padding: 10px;
  border: 1px solid #ccc;
  background-color: #f2f2f2;
}

.form-container label,
.form-container input,
.form-container textarea {
  display: block;
  margin-bottom: 10px;
}

.form-container input[type="submit"] {
  width: 100%;
  padding: 10px;
  background-color: #337ab7;
  color: #fff;
  border: none;
  cursor: pointer;
}

.form-container input[type="submit"]:hover {
  background-color: #23527c;
}