Html 下边框边距

有什么办法我只能在边界上加上边距吗

只有边框应该有边距，而不是文本。

---

我正在尝试移动边框，而不是文本字段。边框需要收缩/移动，而不是文本

CSS:

HTML:

<div class="margin-check">
Something I am typing for checking the border margin
</div>

我正在打一些东西来检查边距

JS小提琴：

---

您可以使用伪元素，然后可以更改边框的大小

。边距检查{
显示：内联块；
位置：相对位置；
}
.保证金检查：在{
位置：绝对位置；
内容：''；
边框底部：1px实心#d2d7da；
宽度：70%；
转化：translateX（-50%）；
底部：-15px；
左：50%；
}

我正在打一些东西来检查边距

通常，页边空白来自于内容，在本例中，内容是您的文本。必须使用“框大小”属性设置边框的边距

* {box-sizing:border-box;}

---

这样，所有元素的边距将来自边框框而不是内容框

您可以使用

文本缩进

。边距检查{
边框底部：1px实心#d2d7da；
左边距：15px；
文本缩进：15px；
}

我正在打一些东西来检查边距

在您没有左右边框的情况下，只需调整线条高度即可

.margin-check {
   line-height:2em;
}

---

我正在尝试移动边框而不是文本字段您是在尝试说从文本向下移动边框吗？让我们假设一个内容：abcdef（div中的内容不是任何左对齐内容和右对齐内容）我只希望在某些特定内容下移动边框。而不是通过给边框留边距来移动整个文本内容。这是我想要的，你能给我一个更好理解的例子吗？我认为OP希望边框接收边距，而不是其他任何东西。如果你不想更改边框的大小，只需将其向右移动，那么你就可以执行此Safari浏览器对这种样式有问题。抱歉，添加了：-ms transform:translateX（-50%）-webkit转换：translateX（-50%）-moz变换：translateX（-50%）-o-转换：translateX（-50%）；

.margin-check {
   line-height:2em;
}