如何使背景遍佈頭部分？

我想將我的頁面分爲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; 
}

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

來源

2012-07-28 Six Quads

瀏覽器的默認樣式導致margin和padding的HTML元素，您需要重置那些..

使用

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

其他使用CSS reset樣式重置具有默認margins和padding

來源

2012-07-28 13:45:16

非常感謝元素，你是最棒的！ – 2012-07-28 13:45:49

@SixQuads歡迎您選擇正確的答案，以便其他用戶可以參考。 – 2012-07-28 13:46:47

小記。 HTML元素沒有默認邊距和填充，但有一個瀏覽器的默認樣式，總是更好地重置 – user907860 2012-07-28 13:53:03

如何使背景遍佈頭部分？

回答

相關問題