html - 带背景图像的 div 周围的空间

标签 html css background-image spaces

我正在尝试创建一个包含动态文本量的框架。 它有圆 Angular ,因此创建了 3 个 div:顶部、主体和底部。 主体将保存内容,而顶部和底部仅显示框架各自的图像。 所有这些都可以在这里看到:

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

问题: 顶部和底部的 div 以及中间的 div 之间有一个空格。 请看一下,任何意见将不胜感激。 祝你有美好的一天:-)

最佳答案

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

另外,我可以建议你不要花那么多时间用这种方式制作圆 Angular ,而简单地使用 CSS3 的 border-radius 吗?我知道,它还没有完全支持,但除了 IE 之外,大多数浏览器都支持,IE 用户只需优雅地退回到方框即可。只是一个建议

关于html - 带背景图像的 div 周围的空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2629269/

相关文章:

android - 代号一个键盘封面图片

html - Css - 移动设备上的图像被破坏

html - 如何将单选按钮旁边的文本垂直居中

css - <li> 列表隐藏超过某个点

jquery - 将图像放置在 div 的右上角

javascript - 如何从图像中创建下载按钮?

html - 页脚不会填满页面的整个宽度

CSS添加背景图像的宽度和高度

javascript - 更改表格中每个单元格的颜色 HTML JavaScript CSS

html - 谷歌地图未通过 ajax 加载的内容显示在页面中