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>