HTML背景圖像不需要的縮進

我是新來的HTML;但是我有一個Objective-C的編程經驗，這裏是我的代碼：HTML背景圖像不需要的縮進

<STYLE TYPE="text/css"> 
    .horiz { 
    background-image: url(Banner.png); 
    background-repeat: repeat-x; 
    height:100px; 
    } 
</STYLE>

我banner.png文件是1×100圖像，並將其變爲整個畫面精美，但問題是，從頂部的標題和縮進留下幾個像素。我不希望這種效果，我已經嘗試位置：相對和頂部：0px左：0px，我試圖設置填充全零（但都沒有工作）。

基本上，我想達到類似的效果，在Twitter的頂級酒吧，擁抱屏幕的頂部邊緣，但我無法弄清楚。謝謝你的幫助！

p.s如果它有什麼區別，我在我的身體標記中使用一個標記。

來源

2012-04-14 prince

您的問題可能與背景無關，實際上是由於body元素本身的填充造成的，這會妨礙您的.horiz元素貼合到視口的頂部。

默認情況下，您的HTML文檔將設置一些初始樣式。其中之一是填充<body/>元素。使用重置樣式表是一種常見做法，例如Eric Meyer提供的樣式表。您可以在以下網址找到它在Chris Coyier的網站上：http://css-tricks.com/snippets/css/meyer-reset/

只需在文檔中首先引用它，然後繼續添加所有自定義樣式。這樣做的另外一件事就是規範化各種瀏覽器供應商之間默認存在的文體差異。

來源

2012-04-14 14:09:12 Sampson

@JamesPrince看看上面的答案中引用的重置樣式表。如果包含，它將標準化您的默認瀏覽器樣式，以及刪除正文元素上的填充。 – Sampson 2012-04-14 14:12:10

嗨，感謝您的快速回復，併爲我遲到抱歉哈哈，我的Mac決定它需要重新啓動。我剛剛嘗試過，它很有用，非常感謝。 – prince 2012-04-14 14:24:56

HTML背景圖像不需要的縮進

回答

相關問題