Question

我有一个简单的问题，我正在创建一个简单的html文档，其中包含一个我希望填充整个页面的图像。

出于某种原因，它想要在图像周围创建边框。我试过border =＆＃34; 0＆＃34 ;;和填充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>

Answer 1

在代码中添加以下CSS。默认正文将给出一些边距和填充。因此，无论何时开始新工作，都要在css中添加此样式以获得正确的结果。

body
{
 padding:0;
 margin:0;
}

Answer 2

不使用img标签，而是设置body标签的background-image属性，使其包含整个页面。

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

在html文件中的单个图像周围的白色边框

2 个答案: