Question

我试图在标题上添加颜色，但设计太糟糕了。我尝试在youtube上观看视频，但它们对位置和水平线错误没有帮助。 https://imgur.com/a/c7eDeHi

我期待这样的事情绘制模型。 https://imgur.com/lGGPoZE

但是我在职位上很糟糕

<html>

<head>
  <style>
    h1 {
      text-align: left;
      color: #595959;
      background: #80ff80;
      width: 5000px;
      height: 60px;
    }
  </style>
</head>

<body bgcolor="#ffb84d">
  <h1>Test</h1>
</body>

</html>

固定位置和水平线。

Answer 1

您需要将margin和body的{{1}}设置为heading，以删除边框

body {
  margin: 0px;
  background-color: #ffb84d;
} 
h1 {
  margin: 0px;
  text-align:left;
  color:#595959;
  background-color: #80ff80;
 }

Answer 2

要删除页面周围的空白和边距，您可以使用：

<html>
 <body>
  <h1>Test</h1> 
 </body>
</html>

要为主体添加背景色，必须同时在样式屁股中进行分配。您可以使用html, body{ padding: 0; margin: 0; }进行选择：

body

如果您进一步想要标题的底线边框，则可以向h1添加以下规则：

body{
 background: #ffb84d;
}

如何将背景色固定为标题？

2 个答案: