css边缘有填充物

Question

我想创建一个靠近此图像的按钮，边框和它与输入框之间有明显的分隔。这可以用css吗？

Answer 1

以下是一种快速简便的方法：

label {
  border: 2px solid tan;
  padding: 2px;
  display: inline-block;
}

input {
  background: tan;
  border: 0;
  width: 200px;
  height: 20px;
  padding: .5em;
  font-size: 1.25em;
  color: white;
}

<label>
  <input />
</label>