<link ... =“”/>背景无效

时间:2017-05-20 21:39:48

标签: html css web

这个问题解决了,这只是一个误会,对不起我没有在firefox中检查过。 Mods请关闭它,因为我不知道如何,谢谢。代码有效!

你好我在为我的页面添加背景时遇到了问题,它很简单,我不知道它是一个ide问题还是代码问题,但这里是代码:

<html>


  <head>

    <title>Webpage</title>

    <link rel="stylesheet" type="text/css" href="styles/main.css">

  </head>

<!--    <style>
      body {
        background: red;
      }

    </style>

  </head> -->

  <body>

    Hello
    <strong>Bold</strong><br><br>

    <a href="http://www.google.com">google.com</a><br><br>
    <ul>

      <span></span>

      <li>hello</li>
      <li>hello2</li>
      <li>hello2</li>

    </ul>

    <img src="http://wallpapercave.com/wp/idypRYR.jpg">

  </body>

</html>

css文件:

body{
  background: #999;
}

没有我尝试使用与index.html相同的文件夹,但同样的事情它不起作用,文件夹是正确的,我三重检查所有的拼写,我不知道有什么问题,我只是学习Web开发

我使用atom作为ide。

1 个答案:

答案 0 :(得分:-1)

我使用了您的确切代码,它对我有用。这意味着它不是您的代码的问题。我建议检查然后仔细检查你的文件名。此外,请确保您正在编辑/使用您正在查看的同一文件。

您可以做的第二件事是检查以确保您的css文件实际上是一个css文件,如检查文件扩展名。

您可以做的第三件事是,如果您使用的是Chrome,请打开开发人员工具,然后点击“来源”标签。如果在那里列出了main.css文件,则它会正确链接,并且您的帖子中没有显示代码问题。否则,继续尝试。