标题的背景颜色不会改变-编程知识-白鹭情

这是 index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Technology Trends</title>
    <link rel="stylesheet" href="style.css">
</head>
<body background="Images/bg2.jpg">
    <header>
        
        <img src="Images/logo2.jpg" alt="logo" width="52" height="39">

        <div>
            <a href="#">Home</a>
            <a href="#">Services</a>
            <a href="#">About Us</a>
            <a href="#">Contact Us</a>
        </div>
    </header>
</body>
</html>

这是 style.css

*{
    padding: 0;
    margin: 0;
}

body {
    background-size: cover;
}

header{
    background-color: black;
}

嗨，我正在尝试使用 HTML 和 CSS 创建一个网站，并想更改标题的背景颜色。我的外部 css 已链接，并为 css 选择器标头提供了 background-color 属性。但它仍然无法正常作业。

谁能指出我哪里出错了？

提前致谢。

uj5u.com热心网友回复：

我尝试了片段行内 CSS 并且它可以作业，我认为您style.css的位置或文件名错误？将style.css和index.html放在同一位置/档案夹。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Technology Trends</title>
    <style>
    *{
          padding: 0;
          margin: 0;
      }

      body {
          background-size: cover;
      }

      header{
          background-color: black;
      }  
    </style>
</head>
<body background="Images/bg2.jpg">
    <header>
        
        <img src="Images/logo2.jpg" alt="logo" width="52" height="39">

        <div>
            <a href="#">Home</a>
            <a href="#">Services</a>
            <a href="#">About Us</a>
            <a href="#">Contact Us</a>
        </div>
    </header>
</body>
</html>

uj5u.com热心网友回复：

只是做一个类。像这样...

*{
    padding: 0;
    margin: 0;
}

body {
    background-size: cover;
}

.header{
    background-color: black;
}

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Technology Trends</title>
    <link rel="stylesheet" href="style.css">
</head>
<body background="Images/bg2.jpg">
    
        
        <img src="Images/logo2.jpg" alt="logo" width="52" height="39">

        <div class="header">
            <a href="#">Home</a>
            <a href="#">Services</a>
            <a href="#">About Us</a>
            <a href="#">Contact Us</a>
        </div>
    </body>
</html>