设置HTML元素背景的样式_Html_Css

设置HTML元素背景的样式

html css

设置HTML元素背景的样式,html,css,Html,Css,我正在制作一个网站，我正在尝试一些新的东西，除了当我试图为我的H1元素创建一个背景时，我无法确保背景颜色边框适合屏幕的顶部，左侧和右侧 <!DOCTYPE html> <html lang="en"> <link rel="stylesheet" type="text/css" href="site.css" <body> <title>Test Tab</title> <div class="main"> &

我正在制作一个网站，我正在尝试一些新的东西，除了当我试图为我的H1元素创建一个背景时，我无法确保背景颜色边框适合屏幕的顶部，左侧和右侧

<!DOCTYPE html>
<html lang="en">
<link rel="stylesheet" type="text/css" href="site.css"
<body>
<title>Test Tab</title>
<div class="main">
    <h1>Website Heading</h1>
</div>

</body>
</html>

.main {
 font-family: Arial, Verdana, sans-serif;
 text-align: center;
 font-size: 20px;
 background-color: #00ff00;
 background-position: 10px;
}


您需要将CSS更改为：
html,body {
  margin:0;
  padding:0;
}
.main {
 font-family: Arial, Verdana, sans-serif;
 text-align: center;
 font-size: 20px;
 background-color: #00ff00;
 background-position: 10px;
}

.main h1 {
  margin:0;
}


你需要确保你的身体没有填充物或边距，还需要确保你的h1
也没有边距。这样，它将很高兴地位于您的页面顶部。
谢谢。然而，我的问题是，我不能让背景颜色变得更大，也不能与边距相匹配，所以颜色会接触到网页的顶部