Html 边界距实际端1 px的按钮元素

快速简单的问题

有没有一种快速的方法可以改变一个按钮，即从边框边缘到元素“真实”边缘的距离

我不想让边界离得更远，我希望背景在边界的边缘上多分布1或2像素

谷歌没有向我展示正确的解决方案，或者我用错误的术语搜索，希望你们中的一些人能帮助我

由于我的问题不清楚，下面是一幅试图实现的图景

---

你的问题不清楚。你这是什么意思

从边界边到元素的“真实”边

是否尝试不显示边框？如果是这种情况，那么您可以始终将边框设置为透明颜色，而不显示边框。

您可以向按钮添加，以增加其内容和按钮边缘之间的空间

这是你想要的吗

填充：5px10px

这意味着：顶部和底部填充为
5px
。
左右填充为
10px

默认情况下，按钮具有
填充：1px 6px所以要增加1或2个像素，只需使用适当的值


。隔开{
填充物：5px10px；
}
你好



您好
您要的

这将确保无论边框宽度如何，元素的大小都相同。我想这就是你想要的，虽然问题不是很清楚你在寻找什么

请注意带边框的框之间的差异：


.flex cont{
显示器：flex；
宽度：100%；
高度：300px；
对齐项目：居中；
证明内容：中心；
}
.弹性项目{
利润率：10px；
高度：200px；
背景：蓝色；
弹性：1；
边框：实心20px绿色；
}
跨度{
显示：块；
位置：相对位置；
最高：45%；
文本对齐：居中；
宽度：100%；
}
.一{
框大小：内容框；
}
.二{
边界：无；
}
.三{
框大小：边框框；
}

框大小：内容框
无边界
框大小：边框框
这里需要使用的是伪元素。诀窍是有一个普通的按钮，但不使用边框。相反，使用
：在
伪元素之后，使用CSS定位，我们可以模拟您想要的效果，即背景扩散到虚线边界之外


*{
保证金：0；
填充：0；
大纲：0；
框大小：边框框；
}
钮扣{
-webkit外观：无；
背景:#ede032；
填充：10px 20px；
边界半径：20px；
边界：0；
位置：相对位置；
利润率：40像素；
}
按钮：之后{
内容：“；
位置：绝对位置；
顶部：3px；
右：3px；
左：3px；
底部：3px；
边框：1px虚线#515151；
边界半径：20px；
}
你好
你的代码在哪里？也请张贴图片或演示你想要什么？你的问题不是很清楚，请用适当的例子详细说明你的意思是
填充
？为什么要使用：before而不是：after，这样它就会插入到DOM中的文本之前。