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>