css – 边框和内容之间的空格? /内容边框距离?

前端之家收集整理的这篇文章主要介绍了css – 边框和内容之间的空格? /内容边框距离?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否可以增加边界与其内容之间的距离?
如果可以的话,只要这样做: JSFiddle

我打算做的是围绕内容发光(使用0px / 0px距离的阴影),然后将边框放置几个像素.

注意:我决定做一个inset阴影和一个边框,它看起来更好,但谢谢答案:3

解决方法

添加填充.填充元素将增加内容与其边框之间的空间.但是,请注意,盒子阴影将从边框外部开始,而不是内容,这意味着您无法在阴影和框之间放置空格.或者,您可以使用:before或:在元素上的伪选择器之后创建一个稍大一点的放置阴影的框,如下所示: http://jsbin.com/aqemew/edit#source
原文链接:https://www.f2er.com/css/217145.html

猜你在找的CSS相关文章