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>