在html文檔中的單個圖像周圍的白色邊框

我有一個簡單的問題，我正在製作一個簡單的html文檔，並且要填充整個頁面的圖像。在html文檔中的單個圖像周圍的白色邊框

出於某種原因，它想要在圖像周圍創建邊框。我試過border =「0」;和填充0px 0px 0px 0px;

這是在我的代碼：（您也可以檢查出來住，如果你喜歡www.kidbomb.com/chefwannabe）

<!DOCTYPE html> 
<html> 
<head> 
<title>Pre-Order Now!</title> 
</head> 
<body> 

<img style="width: 100%; overflow:hidden;" src="http://www.kidbomb.com/chefwannabe/chefwannabepreview.png" /> 
</body> 
</html>

來源

2014-07-19 Stephen_Josey

你指的是圖像邊緣的白色空間嗎？ – Harry

是的，四周圍繞圖像的那些。 –

添加下面的CSS代碼中的。默認的主體會給一些邊距和填充。所以每當你開始新的工作時都會更好，在你的CSS中添加這個樣式來獲得正確的結果。

body 
{ 
padding:0; 
margin:0; 
}

來源

2014-07-19 06:16:12

噢，我的天哪，我跪求這件事很簡單......我現在感覺非常愚蠢。謝謝！ –

代替使用img標籤，請設置body標籤的background-image屬性，使其包含整個頁面。

body { 
    background-image: url("path/to/image.jpg");  
    height: 100%; 
    width: 100%; 
}

來源

2014-07-19 06:23:08 Kevin

我剛編輯添加一些代碼格式。對於多行代碼塊，請選擇整個塊並按Ctrl + K.對於內嵌代碼元素，將它們放在'\''中。 – Harry

在html文檔中的單個圖像周圍的白色邊框

回答

相關問題