Question

我的网页出现问题，我正处于制作过程中。 Here is the W3schools link to what I am trying to make.

我的网页边缘有一些边框。这是我的CSS代码：

#easyBreakfast {
color: #60542d;
font-size: 40px;
}

#head {
background-color: brown;
}

#p1 {
font-size: 20px;
margin: 8px;
}

body, html {
height: 100%;
}

.parallax { 

 background-image: url("https://i.pinimg.com/originals/4a/67/3b/4a673bea73e5130d5fb58e5904c76465.png");
height: 100%; 
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

#toast { 
background-image: url("http://a57.foxnews.com/images.foxnews.com/content/fox-news/food-drink/2017/12/12/internet-is-divided-over-right-way-to-cut-toast/_jcr_content/par/featured_image/media-0.img.jpg/931/524/1513113018403.jpg?ve=1&tl=1&text=big-top-image");
height: 100%; 
}

#toast, .parallax {
position: relative;
opacity: 0.65;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

以下是关于此问题的HTML代码：

  <h1 id="easyBreakfast">Easy Breakfasts</h1>
    <p id="p1">You know when you wake up late in the morning and only have <em>15 minuites</em> to get ready? Sometimes making breakfast can be a <strong>pain.</strong> These recipes are quick and don't need attention while cooking so you can do your other important things while your breakfast is brewing.
    </p>
</div>    

  <div class="parallax"></div>

  <h2 class="fooditem"><a href=" ">Toast</a></h2>
    <p>Just plain old toast... Spread jam, Peanut butter, Nutella, or any other topping you can think of on top of this simple breakfast. </p>
      <button id="toastIng"> Ingredients </button>
  <div id="toast"></div>`

我尝试过关闭轮廓和边框，但我似乎无法找到解决方案。

如果您需要更多信息，请询问。提前谢谢！

Answer 1

你的身体已经有了保证金。

body {
  margin: 0;
}

在我尝试制作视差时，我的网页周围有某种边框

1 个答案: