带有背景图像的 div 周围的空间

Question

我正在尝试创建一个包含动态文本量的框架。 它有圆角，因此创建了 3 个 div：顶部、主体和底部。 body 将保存内容，而 top & bottom 仅显示框架的相应图像。 所有这些都可以在这里看到：

http://www.m-challenge.com/nimrod/modular_frame.php

问题： 顶部和底部的 div 和中间的 div 有一个空间。 请看一看，任何输入将不胜感激。 祝你有美好的一天:-)

Answer 1

您的问题是p 标签在顶部/底部有一些边距。给它一个 0 的边距来解决这个问题。如果您在框中放置任何h#、ul 和类似标签，则同样适用。

另外，我可以建议您不要花太多时间以这种方式制作圆角，而只需使用 CSS3 的边框半径吗？我知道，它还没有完全支持，但是除了 IE 之外，大多数浏览器都支持它，而且 IE 用户只需优雅地退回到方形框即可。只是一个建议

Answer 2

我认为您应该首先重置边距和填充： http://meyerweb.com/eric/tools/css/reset/

然后根据您想要达到的效果应用适当的值。