Как исправить цвет фона в заголовке? - PullRequest
Новая
       19

Как исправить цвет фона в заголовке?

1 голос
/ 12 мая 2019

Я пытался добавить цвет в заголовок, но дизайн был ужасным. Я пытался смотреть видео на YouTube, но они не помогают мне с позицией и ошибками горизонтальной линии. https://imgur.com/a/c7eDeHi

Я ожидал чего-то подобного Нарисуйте модель. https://imgur.com/lGGPoZE

Но я очень плох в позициях

https://imgur.com/a/c7eDeHi 

<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>

Исправление положения и горизонтальной линии.

Ответы [ 2 ]

0 голосов
/ 12 мая 2019

Чтобы удалить отступы и поля вокруг страницы, вы можете использовать: 

html, body{
 padding: 0;
 margin: 0;
}

Чтобы добавить цвет фона к телу, вы должны назначить его в заднице стилей. Вы можете выбрать его с помощью body: 

body{
 background: #ffb84d;
}

Если вы хотите дополнительно добавить границу для заголовка, вы можете добавить следующие правила в h1: 

h1 {
 text-align:left;
 color:#595959;
 background: #80ff80;
 width:100%;
 height:60px;
 /* Specify a bottom border like this: */
 border-bottom: 1px solid grey;
}
0 голосов
/ 12 мая 2019

Вам нужно установить margin для body и heading на 0, чтобы удалить границу 

body {
  margin: 0px;
  background-color: #ffb84d;
} 
h1 {
  margin: 0px;
  text-align:left;
  color:#595959;
  background-color: #80ff80;
 }
<html>
 <body>
  <h1>Test</h1> 
 </body>
</html>
...