Css 是否可以在x像素量之后开始边框底部？

---

如果有这样一个选项，那就太酷了，否则我就必须用另一个div重叠

边框底部

。

您可以使用填充

padding: 10px; // push 10px the content
border: 1px solid #fff;

---

编辑：如果在元素的文本内容方面有更多的内容，我现在会做的是使用

框阴影

和

背景剪辑

。否则，请参阅我原始答案中的最后一个解决方案

div{
边框底部：实心。75em透明；
保证金：7em自动1em；
宽度：10em；高度：5em；
盒影：0 1px 0-1px黑色；
背景：灰色填充框；
}

边距和填充是图像或对象周围的空白

正如您在图像中所看到的，padding是您定义的内容和边框之间的空间，而margin是边框外部、边框和该对象旁边的其他元素之间的空间

因此，在您的情况下，您可以这样做：

HTML:

<div id="box"></div>

---

在这里你可以找到一个简单的例子：

你到底想要什么？在阅读标题和看到图片后，这应该是非常明显的。@Fabio我知道边框的作用。我只是在检查是否有CSS3选项，因为我看到人们在边界上使用梯度之类的东西。一个边界在容器的周围开始，而不是在你想去的地方。没有这样的选择@法比奥：我想这就是事实：）谢天谢地只会让边界和内部内容之间的距离变宽。它不会更改边框底部的偏移。这会在元素和边框之间创建距离吗？

#box{
    background: url(image.jpg) no-repeat;
    height: 100px;
    width: 100px;
    border-bottom: 1px solid #333;
    padding-bottom: 10px;
}