Question

我正在创建一个网站，我正在尝试新的东西，除非我尝试为我的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;
}

Answer 1

您需要将CSS更改为：

Package1

JSFiddle

您需要确保将自己的身体设置为没有填充或边距，并确保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; }也没有任何边距。这样它就会很高兴地坐在你的页面顶部。

样式化元素HTML的背景

1 个答案: