css - 在元素与其边框之间创建空间

Question

我试图在一个元素和它的最外层边框之间创建一个间距。 (编辑:他想在元素本身和盒子模型盒子的外部之间做两个边框。这给了他使用边距、边框和填充来实现他的目标的空间)。到目前为止，我在 Google 和此处的搜索都没有解决这个问题。

我尽量避免使用图像来实现这一点。

Answer 1

你想要填充。

这是一个演示元素的“边距”、“边框”和“填充”的站点的链接。 http://css-tricks.com/the-css-box-model/

然而，IE 对盒模型和“世界其他地方”的渲染曾经存在一个问题，即 IE 使用不同的机制来确定“整体宽度”。如果您计划支持 IE7(两代)或更早版本，您需要了解这一点。

我认为使用“世界其他地方”的方式就足以满足您的需求。

对于世界其他地方(以及当该​​链接不再有效时)，这里是同一图表的 ascii 版本:

+----------------------------+
|                            |
|          margin            |
|                            |
|   *******border**********  |
|   *                     *  |
|   *      padding        *  |
|   *                     *  |
|   *   ---------------   *  |
|   *   ---------------   *  |
|   *   ---ELEMENT-----   *  |
|   *   ---------------   *  |
|   *   ---------------   *  |
|   *                     *  |
|   ***********************  |
|                            |
|                            |
+----------------------------+