【问题标题】:css background-repeatcss 背景重复
【发布时间】:2025-12-16 05:10:01
【问题描述】:

所以我有这个带背景的 DIV

这是风格:

#book{
    width: 800px;
    position: absolute;
    right:0;
    top: 0px;
    font-family: love;
    font-size: 20px;
    background:url("../img/boek.png");
}

我遇到的问题是这两个背景之间有空间,我真的不知道为什么,因为我从来没有使用过诸如 margin-top 或 paddin-top 之类的东西......

我只是想让两个背景互相接触

【问题讨论】:

  • 哪两个背景?您只提供了 1 条 CSS 规则,没有提供 HTML 标记
  • 你的背景平铺正确吗?
  • 哪两个背景?你的照片中可能有这个空间吗?
  • 我看不出你的第二个背景是在哪里定义的
  • 图片本身有白边吗?

标签: css background-repeat


【解决方案1】:

这是一个不完整的问题或其不连贯的问题。但是在背景之后添加重复。使其重复一个 div 的完整长度。如果这就是你的要求。

背景:url() 重复;

【讨论】:

  • background-repeat: repeat 是默认选项,所以不需要指定
  • 这很酷也很真实,但他的代码和我的代码是背景:因此需要重复说明。
  • @MichaelO'Brien - background 是一个简写属性,包含颜色、图像、重复、顶部、左侧、大小、封面、剪辑和其他一些内容。定义background 与定义所有其他的相同,并且您离开背景的任何内容都使用默认值。 See the spec.
【解决方案2】:

可能是html, body { margin: 0; }

【讨论】: