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