1

我想将我的页面分为 3 个部分，具有 3 种不同的背景
top_bg：middle_bg和bottom_bg.

问题是背景有填充。我希望它从页面的开头显示到下一个 500 像素的高度。

这是我的 HTML：

<!DOCTYPE HTML>
<html lang="en-US">
<head>
  <meta charset="UTF-8">
  <title></title>
  <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
  <header>
    <div class="top_part">
      <img src="images/logo.png" alt="logo" />
      <h1>My website name</h1>
    </div>
  </header>
</body>
</html>

这里是我的 CSS：

header {
    background-image: url(images/top_bg.gif) ;
    height: 500px;
}

.top_part img {
    float: left;
    width: 80px;
    height: 80;
}

.top_part h1 {
    position: relative;
    top: 18px;
    left: 10px;
}

看我的意思，如果你不明白：图片

4

1 回答 1

4

浏览器默认样式导致HTML 元素margin，padding你需要重置那些..

采用

* { /* This resets all elements default margins and paddings */
margin: 0px;
padding: 0px;
}

否则使用 CSS重置样式表来重置具有默认值 margins和padding

于 2012-07-28T13:45:16.110 回答