边框和内容之间的间距?/边框与内容的距离？
边框和内容之间的间距?/边框与内容的距离？
提问于 2011-08-10 21:03:26
是否有可能增加边框与其内容之间的距离？如果可能，只需在此处执行：JSFiddle
我计划做的是在内容周围放置一个发光(使用0px/0px距离的阴影)，然后在发光的几个像素之外放置一个边界。
注:我已经决定做一个内嵌阴影和边框，它看起来更好，但感谢你的答案:3
回答 5
Stack Overflow用户
回答已采纳
发布于 2011-08-10 21:09:30
添加填充。填充元素将增加其内容和边框之间的空间。但是，请注意，框阴影将从边框外部开始，而不是内容，这意味着您不能在阴影和框之间放置空格。或者，您可以在元素上使用:before或:after伪选择器来创建一个稍大一点的框，以便在上面放置阴影，如下所示：http://jsbin.com/aqemew/edit#source
Stack Overflow用户
发布于 2018-08-18 01:30:37
如果您有该元素的背景，那么添加填充将是无用的。
因此，在本例中，您可以使用background-clip: content-box;或outline-offset
说明:如果你使用包装器，那么把背景和边框分开就很简单了。但是，如果您想设置具有背景的相同元素的样式，则无论添加多少填充，背景和边框之间都不会有空格，除非您使用background-clip或outline-offset
Stack Overflow用户
发布于 2011-08-10 21:07:54
只需围绕它包装另一个div，其中包含您想要的边框和填充。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7011203
复制相关文章
相似问题